diff --git a/src/components/durationjs.vue b/src/components/durationjs.vue
index 1687159..5a9e6f7 100644
--- a/src/components/durationjs.vue
+++ b/src/components/durationjs.vue
@@ -5,10 +5,10 @@
       <p>0</p>
     </div>
     <div v-else class="flex justify-center items-center gap-1" id="cyp-timerange-show">
-      <p>{{ days }}d</p>
-      <p>{{ hours }}h</p>
-      <p>{{ minutes }}m</p>
-      <p>{{ seconds }}s</p>
+      <p v-show="days != 0">{{ days }}d</p>
+      <p v-show="hours != 0">{{ hours }}h</p>
+      <p v-show="minutes != 0">{{ minutes }}m</p>
+      <p v-show="seconds != 0">{{ seconds }}s</p>
     </div>
   </div>
   <div class="duration-container absolute left-0 top-full translate-y-2" v-show="openTimeSelect" v-closable="{id: size, handler: onClose}">