diff --git a/app/layouts/LayoutDefault.tsx b/app/layouts/LayoutDefault.tsx
index ca4e96e..0cd38ce 100644
--- a/app/layouts/LayoutDefault.tsx
+++ b/app/layouts/LayoutDefault.tsx
@@ -1,12 +1,12 @@
 import { MobileNavigation } from "@syntax/MobileNavigation";
 import { usePageContext } from "vike-react/usePageContext";
 import { ThemeProvider } from "@/providers/ThemeProvider";
-import { useEffect, useState, Suspense } from "react";
 import { ThemeSelector } from "@syntax/ThemeSelector";
 import { clientOnly } from "vike-react/clientOnly";
 import { ToastContainer } from "react-toastify";
 import { Navigation } from "@syntax/Navigation";
 import { Link } from "@/components/common/Link";
+import { useEffect, useState } from "react";
 import { Hero } from "@syntax/Hero";
 import { Logo } from "@syntax/Logo";
 import clsx from "clsx";
@@ -60,11 +60,9 @@ function Header() {
         </Link>
       </div>
 
-      <Suspense fallback={<div className="h-6 w-6 animate-pulse rounded-full bg-slate-200 dark:bg-slate-700" />}>
-        <div className="-my-5 mr-6 sm:mr-8 md:mr-0">
-          <Search />
-        </div>
-      </Suspense>
+      <div className="-my-5 mr-6 sm:mr-8 md:mr-0">
+        <Search fallback={<div className="h-6 w-6 animate-pulse rounded-full bg-slate-200 dark:bg-slate-700" />} />
+      </div>
 
       <div className="relative flex basis-0 justify-end gap-6 sm:gap-8 md:grow">
         <ThemeSelector className="relative z-10" />