diff --git a/css/style.css b/css/style.css
index 82d3483..4d99f57 100644
--- a/css/style.css
+++ b/css/style.css
@@ -70,18 +70,19 @@ html {
   font-size: 30px;
 }
 
-#top_box {
+.pad_box {
   width: 100%;
-  height: 25%;
+  height: 2.5%;
   background: #040;
-  display: flex;
 }
 
 #top_row {
   width: 100%;
-  height: 80%;
+  height: 20%;
   margin: auto;
   display: flex;
+  background: #040;
+
   justify-content: space-evenly;
 }
 
diff --git a/index.html b/index.html
index 0475c6e..fb9ef03 100644
--- a/index.html
+++ b/index.html
@@ -21,17 +21,17 @@
 
       <div id="game_main">
         <div id="game_box">
-          <div id="top_box">
-            <div id="top_row">
-              <div id="deal"></div>
-              <div id="waste"></div>
-              <div></div>
-              <div class="stack"></div>
-              <div class="stack"></div>
-              <div class="stack"></div>
-              <div class="stack"></div>
-            </div>
+          <div class="pad_box"></div>
+          <div id="top_row">
+            <div id="deal"></div>
+            <div id="waste"></div>
+            <div></div>
+            <div class="stack"></div>
+            <div class="stack"></div>
+            <div class="stack"></div>
+            <div class="stack"></div>
           </div>
+          <div class="pad_box"></div>
           <div id="tableau">
             <div></div>
             <div></div>