diff --git a/app/search/page.tsx b/app/search/page.tsx
index 2f7a53bd4..4db141f19 100644
--- a/app/search/page.tsx
+++ b/app/search/page.tsx
@@ -2,6 +2,7 @@ import Grid from 'components/grid';
 import ProductGridItems from 'components/layout/product-grid-items';
 import { defaultSort, sorting } from 'lib/constants';
 import { getProducts } from 'lib/shopify';
+import { Suspense } from 'react';
 
 export const runtime = 'edge';
 
@@ -32,9 +33,11 @@ export default async function SearchPage({
         </p>
       ) : null}
       {products.length > 0 ? (
-        <Grid className="grid-cols-1 sm:grid-cols-2 lg:grid-cols-3">
+        <Suspense>
+          <Grid className="grid-cols-1 sm:grid-cols-2 lg:grid-cols-3">
           <ProductGridItems products={products} />
         </Grid>
+        </Suspense>
       ) : null}
     </>
   );