diff --git a/docs/pages/[...slug].vue b/docs/pages/[...slug].vue
index 91f8568..bb15946 100644
--- a/docs/pages/[...slug].vue
+++ b/docs/pages/[...slug].vue
@@ -62,7 +62,7 @@ const { data: surround } = await useAsyncData(`${route.path}-surround`, () => {
           </h1>
           <div
             v-if="page?.since"
-            class="ring-1 ring-inset ring-primary-200 text-primary-500 rounded-md bg-primary-50 font-medium flex items-center gap-1"
+            class="ring-1 ring-inset ring-primary-200 dark:ring-primary-900 text-primary-500 dark:text-primary-400 rounded-md bg-primary-50 dark:bg-primary-900 font-medium flex items-center gap-1"
             :class="[standard.padding['sm'], standard.size['2xs']]"
           >
             <IconTablerGitMerge class="text-sm -mt-0.5" />