diff --git a/src/pages/Zone/ZoneUpcoming.vue b/src/pages/Zone/ZoneUpcoming.vue
index 7af72b683..86d934e7e 100644
--- a/src/pages/Zone/ZoneUpcoming.vue
+++ b/src/pages/Zone/ZoneUpcoming.vue
@@ -54,7 +54,7 @@ onMounted(() => weekdayStore.initStore());
     />
     <VnSubToolbar />
     <QPage class="column items-center q-pa-md">
-        <QCard class="full-width">
+        <QCard class="full-width q-pa-md">
             <div
                 v-for="(detail, index) in details"
                 :key="index"
@@ -77,8 +77,9 @@ onMounted(() => weekdayStore.initStore());
     padding-left: 8px;
     height: 35px;
     border-bottom: 1px solid $primary;
-    background-color: black;
+    background-color: var(--vn-page-color);
     font-size: 19px;
     font-weight: bold;
+    text-transform: uppercase;
 }
 </style>