diff --git a/src/features/admin/devkit/ComponentsPage.client.js b/src/features/admin/devkit/ComponentsPage.client.js
index abecb14..4f53d1d 100644
--- a/src/features/admin/devkit/ComponentsPage.client.js
+++ b/src/features/admin/devkit/ComponentsPage.client.js
@@ -77,7 +77,7 @@ export default function ComponentsPage() {
       <PreviewBlock title="Card — variants">
         {['default', 'elevated', 'outline', 'success', 'info', 'warning', 'danger'].map(v => (
           <Card key={v} variant={v} padding="md" className="min-w-[140px]">
-            <span className="text-sm font-medium">{v}</span>
+            <span className="text-sm font-medium text-black dark:text-white">{v}</span>
           </Card>
         ))}
       </PreviewBlock>