diff --git a/src/components/resume/DateTag.vue b/src/components/resume/DateTag.vue
index d0a1eb8..ef12669 100644
--- a/src/components/resume/DateTag.vue
+++ b/src/components/resume/DateTag.vue
@@ -14,16 +14,10 @@ function formatTodayDate(date: string) {
 </script>
 
 <template>
-  <div
-    v-if="startDate !== endDate"
-    class="mb-1 translate-y-px inline-block flex-none rounded bg-zinc-200 p-1 text-xs font-medium leading-none text-zinc-500 dark:bg-zinc-800 dark:text-zinc-400"
-  >
+  <UBadge v-if="startDate === endDate" variant="soft" size="xs">
     {{ formatTodayDate(startDate!.toString()) }} — {{ formatTodayDate(endDate) }}
-  </div>
-  <div
-    v-else
-    class="mb-1 translate-y-px inline-block flex-none rounded bg-zinc-200 p-1 text-xs font-medium leading-none text-zinc-500 dark:bg-zinc-800 dark:text-zinc-400"
-  >
+  </UBadge>
+  <UBadge v-else variant="soft" size="xs">
     {{ formatTodayDate(endDate) }}
-  </div>
+  </UBadge>
 </template>