diff --git a/docs/src/components/spark-ui/typingAnimation/typing-animation.vue b/docs/src/components/spark-ui/typingAnimation/typing-animation.vue
index 8eb61a8..64e8f02 100644
--- a/docs/src/components/spark-ui/typingAnimation/typing-animation.vue
+++ b/docs/src/components/spark-ui/typingAnimation/typing-animation.vue
@@ -39,7 +39,7 @@ watch(() => [props.duration, i.value], ([d, n]) => {
 })
 
 const className = cn(
-  'font-display text-center text-4xl font-bold leading-[5rem] tracking-[-0.02em] drop-shadow-sm',
+  'font-display text-center text-4xl font-bold leading-[5rem] tracking-[-0.02em] drop-shadow-sm dark:text-white',
   props.class,
 )
 </script>
diff --git a/docs/src/example/typingAnimation/typing-animation.vue b/docs/src/example/typingAnimation/typing-animation.vue
index 22851b5..d3fc527 100644
--- a/docs/src/example/typingAnimation/typing-animation.vue
+++ b/docs/src/example/typingAnimation/typing-animation.vue
@@ -39,7 +39,7 @@ watch(() => [props.duration, i.value], ([d, n]) => {
 })
 
 const className = cn(
-  'font-display text-center text-4xl font-bold leading-[5rem] tracking-[-0.02em] drop-shadow-sm',
+  'font-display text-center text-4xl font-bold leading-[5rem] tracking-[-0.02em] drop-shadow-sm dark:text-white',
   props.class,
 )
 </script>