Max height to button, modal gets 50%.

src/lib/components/dialog/RemoveCollectionDialog.svelte

@@ -49,7 +49,7 @@
     display: grid;
     gap: 1.5rem;
     position: absolute;
-    top: 35%;
+    top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 101;

src/lib/components/game/index.svelte

@@ -73,12 +73,9 @@
     background-color: var(--color-btn-primary-active);
   }
 
-  /* :global(.icon) {
-    width: 24px;
-    height: 24px;
-  } */
-
   .game-container {
+    /* display: grid; */
+    /* grid-template-rows: minmax(25px, 50px) 1fr minmax(50px, 75px); */
     display: flex;
     flex-wrap: wrap;
 
@@ -107,5 +104,9 @@
         padding: 0.25rem;
       }
     }
+
+    .btn {
+      max-height: 50px;
+    }
   }
 </style>

src/routes/collection/+page.svelte

@@ -60,7 +60,7 @@
       grid-template-columns: 1fr 1fr;
     }
 
-    @media (max-width: 650px) {
+    @media (max-width: 550px) {
       grid-template-columns: 1fr;
     }
   }

src/routes/game/[id]/+page.svelte

@@ -147,4 +147,9 @@
     gap: 1.5rem;
     margin: 1rem;
   }
+
+  .with-icon {
+    display: flex;
+    place-items: center;
+  }
 </style>