diff --git a/docs/app/components/Header.vue b/docs/app/components/Header.vue
index fb4ea04c..9f088755 100644
--- a/docs/app/components/Header.vue
+++ b/docs/app/components/Header.vue
@@ -22,7 +22,7 @@ defineShortcuts({
 <template>
   <UHeader :ui="{ left: 'min-w-0' }">
     <template #left>
-      <NuxtLink to="/" class="flex items-end gap-2 font-bold text-xl text-[--ui-text-highlighted] min-w-0" aria-label="Nuxt UI">
+      <NuxtLink to="/" class="flex items-end gap-2 font-bold text-xl text-[--ui-text-highlighted] min-w-0 focus-visible:outline-[--ui-primary]" aria-label="Nuxt UI">
         <Logo class="w-auto h-6 shrink-0" />
 
         <UBadge :label="`v${config.version}`" variant="subtle" size="sm" class="-mb-[2px] rounded-[--ui-radius] font-semibold inline-block truncate" />