diff --git a/apps/showcase/components/layout/designer/DesignTokenField.vue b/apps/showcase/components/layout/designer/DesignTokenField.vue
index 12e502af6..b0a02eb4b 100644
--- a/apps/showcase/components/layout/designer/DesignTokenField.vue
+++ b/apps/showcase/components/layout/designer/DesignTokenField.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <label :for="inputId" class="text-sm">{{ label }}</label>
+        <label :for="inputId" class="text-sm text-zinc-700 dark:text-white">{{ label }}</label>
         <div :id="id" class="relative">
             <AutoComplete
                 :modelValue="modelValue"