diff --git a/src/ui/Banner.vue b/src/ui/Banner.vue
index 614e4b5..e0a4387 100644
--- a/src/ui/Banner.vue
+++ b/src/ui/Banner.vue
@@ -4,8 +4,8 @@
       <img src="/public/assets/images/knowit.svg" alt="knowit logo" />
       <div class="clock">
         <h2 cv-if="distance > 0">
-          <span v-if="days > 0">{{ pad(days) }}</span
-          >: <span>{{ pad(hours) }}</span
+          <span v-if="days > 0">{{ pad(days) }}:</span>
+          <span>{{ pad(hours) }}</span
           >: <span>{{ pad(minutes) }}</span
           >:
           <span>{{ pad(seconds) }}</span>
diff --git a/src/ui/Countdown.vue b/src/ui/Countdown.vue
index cd16d3a..127e348 100644
--- a/src/ui/Countdown.vue
+++ b/src/ui/Countdown.vue
@@ -2,8 +2,8 @@
   <div>
     <div class="clock" v-if="enabled">
       <h2 cv-if="distance > 0">
-        <span v-if="days > 0">{{ pad(days) }}</span
-        >: <span>{{ pad(hours) }}</span
+        <span v-if="days > 0">{{ pad(days) }}:</span>
+        <span>{{ pad(hours) }}</span
         >: <span>{{ pad(minutes) }}</span
         >:
         <span>{{ pad(seconds) }}</span>