Fix Search style on 404 page

Author: hasparus

src/components/404-page/image.webp

@@ -155,7 +155,7 @@ export function Navbar({ items }: NavbarProps): ReactElement {
 
         <Flexsearch
           className={
-            "block select-none p-8 text-sm max-md:hidden [&>input::placeholder]:text-neu-700 [&>input]:bg-neu-0/[.55] [&>input]:text-neu-900"
+            "block select-none text-sm max-md:hidden [&>input::placeholder]:text-neu-700 [&>input]:bg-neu-0/[.55] [&>input]:text-neu-900"
           }
           setMenu={setMenu}
         />

src/components/navbar/navbar.tsx

@@ -85,7 +85,7 @@ export function Search({
   const icon = mounted && !focused && (
     <kbd
       className={clsx(
-        "_absolute _my-1.5 _select-none ltr:_right-1.5 rtl:_left-1.5",
+        "_my-1.5 _select-none rtl:_left-1.5 absolute right-1.5",
         "_h-5 _rounded _bg-white _px-1.5 _font-mono _text-[11px] _font-medium _text-gray-500",
         "_border dark:_border-gray-100/20 dark:_bg-black/50",
         "contrast-more:_border-current contrast-more:_text-current contrast-more:dark:_border-current",

src/components/search.tsx

@@ -434,7 +434,7 @@ export function Sidebar({
       >
         <div className="px-4 pt-4 md:hidden">
           <Flexsearch
-            className="block select-none p-8 text-sm text-neu-500"
+            className="block select-none text-sm text-neu-500"
             setMenu={setMenu}
           />
         </div>

src/components/sidebar.tsx

@@ -7,6 +7,8 @@
   --foreground-rgb: 0, 0, 0;
   --background-start-rgb: 214, 219, 220;
   --background-end-rgb: 255, 255, 255;
+
+  --nextra-navbar-height: 64px;
 }
 
 @media (prefers-color-scheme: dark) {