diff --git a/docs/components/Header.vue b/docs/components/Header.vue
index 584de326..cfb45a8b 100644
--- a/docs/components/Header.vue
+++ b/docs/components/Header.vue
@@ -13,13 +13,13 @@
     </template>
 
     <template v-if="$route.path !== '/'" #center>
-      <UDocsSearchButton class="ml-1.5 flg:w-64 xl:w-96" />
+      <UDocsSearchButton class="ml-1.5 hidden lg:flex lg:w-64 xl:w-96" />
     </template>
 
     <template #right>
       <ColorPicker />
 
-      <UDocsSearchButton v-if="$route.path === '/'" icon-only />
+      <UDocsSearchButton :class="[$route.path !== '/' && 'lg:hidden']" icon-only />
 
       <UColorModeButton v-if="!$colorMode.forced" />