diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 1e89b9a..5ad46a5 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -22,7 +22,7 @@ const donateLink = "https://streamlabs.com/wendilunar/tip";
                 class="transition-all ease-in-out hover:text-foreground">Donate</a
             >
         </div>
-        <CartButton client:load />
-        <CartSheet client:load />
+        <CartButton client:only="react" />
+        <CartSheet client:only="react" />
     </div>
 </nav>
diff --git a/src/pages/product/[...handle].astro b/src/pages/product/[...handle].astro
index d3bc56a..edc1417 100644
--- a/src/pages/product/[...handle].astro
+++ b/src/pages/product/[...handle].astro
@@ -19,12 +19,16 @@ if (!product) {
 }
 ---
 
-<Layout title={product?.title || "Hansumfella merch"} description={product?.description} ogImage={product?.featuredImage?.url}>
+<Layout
+    title={product?.title || "Hansumfella merch"}
+    description={product?.description}
+    ogImage={product?.featuredImage?.url}
+>
     <div class="flex flex-col items-center justify-center px-4 sm:px-8">
         <div class="flex w-full flex-1 flex-col items-start gap-4 md:w-[85%]">
             <div class="mt-16 grid w-full grid-cols-1 gap-8 pb-8 sm:pb-0 md:grid-cols-2">
-                <ProductImages product={product} client:load />
-                <ProductDetailsCard product={product} client:load />
+                <ProductImages product={product} client:only="react" />
+                <ProductDetailsCard product={product} client:only="react" />
             </div>
         </div>
     </div>