diff --git a/src/css/main.scss b/src/css/main.scss
index dc397bd..2db0d52 100644
--- a/src/css/main.scss
+++ b/src/css/main.scss
@@ -19,35 +19,16 @@ html {
     padding: 35px 10px 10px 10px;
     margin: auto;
 
-    .schedule-icon {
-        display: inline-block;
-        width: 42px;
-        height: 38px;
-        background-size: auto 38px;
-        background-repeat: no-repeat;
-        background-position: center;
-        margin: 0 4px -4px 0;
-    }
-
     &.regular {
         background-color: $bg-battle-regular;
-        .schedule-icon {
-            background-image: url(../img/battle-regular.png);
-        }
     }
 
     &.ranked {
         background-color: $bg-battle-ranked;
-        .schedule-icon {
-            background-image: url(../img/battle-ranked.png);
-        }
     }
 
     &.league {
         background-color: $bg-battle-league;
-        .schedule-icon {
-            background-image: url(../img/battle-league.png);
-        }
     }
 }
 
diff --git a/src/js/components/ScheduleBox.vue b/src/js/components/ScheduleBox.vue
index 3824ecb..155c12c 100644
--- a/src/js/components/ScheduleBox.vue
+++ b/src/js/components/ScheduleBox.vue
@@ -1,8 +1,21 @@
 <template>
     <div class="font-splatoon2" v-if="firstSchedule">
-        <h2 class="title is-3 is-size-2-fullhd font-splatoon1">
-            <span class="schedule-icon"></span>{{ firstSchedule.game_mode.name }}
-        </h2>
+        <div class="level">
+            <div class="level-left">
+                <div class="level-item">
+                    <div class="image is-48x48" style="margin-bottom: -6px">
+                        <img v-if="firstSchedule.game_mode.key == 'regular'" src="../../img/battle-regular.png" />
+                        <img v-if="firstSchedule.game_mode.key == 'gachi'" src="../../img/battle-ranked.png" />
+                        <img v-if="firstSchedule.game_mode.key == 'league'" src="../../img/battle-league.png" />
+                    </div>
+                </div>
+                <div class="level-item">
+                    <h2 class="title is-3 is-size-2-fullhd font-splatoon1">
+                        {{ firstSchedule.game_mode.name }}
+                    </h2>
+                </div>
+            </div>
+        </div>
 
         <div class="main-schedule">
             <div class="level is-mobile top-bar">