diff --git a/apps/website/src/components/Header.tsx b/apps/website/src/components/Header.tsx
index fa313284e..1dff7f498 100644
--- a/apps/website/src/components/Header.tsx
+++ b/apps/website/src/components/Header.tsx
@@ -91,7 +91,7 @@ export default function Header() {
 					<div className="flex flex-row place-items-center gap-4">
 						<Button
 							as="div"
-							className="h-6 w-6 flex flex-row transform-gpu cursor-pointer select-none appearance-none place-items-center border-0 rounded bg-transparent p-0 text-sm font-semibold leading-none no-underline outline-0 lg:hidden active:translate-y-px focus:ring focus:ring-width-2 focus:ring-blurple"
+							className="h-6 w-6 flex flex-row transform-gpu cursor-pointer select-none appearance-none place-items-center border-0 rounded bg-transparent p-0 text-sm font-semibold leading-none no-underline outline-0 md:hidden active:translate-y-px focus:ring focus:ring-width-2 focus:ring-blurple"
 							onClick={() => dialog?.toggle()}
 						>
 							<VscSearch size={24} />