diff --git a/docs/.vitepress/components/ShikijiMiniPlayground.vue b/docs/.vitepress/components/ShikijiMiniPlayground.vue
index 203fe88da..08621ca36 100644
--- a/docs/.vitepress/components/ShikijiMiniPlayground.vue
+++ b/docs/.vitepress/components/ShikijiMiniPlayground.vue
@@ -48,7 +48,7 @@ const currentThemeType = computed(() => play.allThemes.find(i => i.id === play.t
       <textarea
         v-model="play.input"
         font-mono bg-transparent absolute inset-0 z-100 py-20px px-24px
-        text-transparent caret-gray
+        text-transparent caret-gray tab-4
         class="line-height-$vp-code-line-height font-$vp-font-family-mono text-size-$vp-code-font-size"
       />
     </div>