diff --git a/src/pages/minesweeper/styles.module.css b/src/pages/minesweeper/styles.module.css
index 9a15f90..83df005 100644
--- a/src/pages/minesweeper/styles.module.css
+++ b/src/pages/minesweeper/styles.module.css
@@ -112,12 +112,13 @@
 
 .grid {
   display: grid;
-  gap: 0.5px;
+  gap: 1px;
   background: #34495e;
-  padding: 0.5px;
+  padding: 1px;
   border-radius: 4px;
   width: fit-content;
   margin: 0 auto;
+  grid-template-columns: repeat(auto-fill, 30px);
   overflow-x: auto;
   max-width: 100%;
   -webkit-overflow-scrolling: touch;
@@ -135,6 +136,7 @@
   font-size: 1rem;
   cursor: pointer;
   transition: all 0.2s ease;
+  flex-shrink: 0;
 }
 
 .cell:hover {