diff --git a/src/css/main.scss b/src/css/main.scss
index 55ff594..171936f 100644
--- a/src/css/main.scss
+++ b/src/css/main.scss
@@ -103,3 +103,13 @@ html {
         text-overflow: ellipsis;
     }
 }
+
+.columns.is-slim {
+    margin-left: -0.4rem;
+    margin-right: -0.4rem;
+
+    .column {
+        padding-left: 0.4rem;
+        padding-right: 0.4rem;
+    }
+}
diff --git a/src/js/components/ScheduleBox.vue b/src/js/components/ScheduleBox.vue
index ab8d474..0a12036 100644
--- a/src/js/components/ScheduleBox.vue
+++ b/src/js/components/ScheduleBox.vue
@@ -17,7 +17,7 @@
                 </div>
             </div>
             <div class="is-clearfix"></div>
-            <div class="columns is-mobile">
+            <div class="columns is-mobile is-slim">
                 <div class="column"><Stage :stage="firstSchedule.stage_a"></Stage></div>
                 <div class="column"><Stage :stage="firstSchedule.stage_b"></Stage></div>
             </div>
@@ -42,7 +42,7 @@
                         </div>
                     </div>
                     <div class="column is-8">
-                        <div class="columns is-mobile">
+                        <div class="columns is-mobile is-slim">
                             <div class="column"><Stage :stage="upcomingSchedule.stage_a"></Stage></div>
                             <div class="column"><Stage :stage="upcomingSchedule.stage_b"></Stage></div>
                         </div>