diff --git a/app/tasse-die-pause/components/Hero.tsx b/app/tasse-die-pause/components/Hero.tsx
index aae4bb5..6339bc7 100644
--- a/app/tasse-die-pause/components/Hero.tsx
+++ b/app/tasse-die-pause/components/Hero.tsx
@@ -79,6 +79,7 @@ export async function Hero() {
             {product && (
               <AddToCartButton
                 label="In den Warenkorb"
+                productId={product.id}
                 numericId={product.numericId}
                 outOfStock={!product.active || product.outOfStock}
                 maxQty={product.maxQty}
diff --git a/app/tasse-die-pause/components/Pricing.tsx b/app/tasse-die-pause/components/Pricing.tsx
index d6a7a21..9bfe5e8 100644
--- a/app/tasse-die-pause/components/Pricing.tsx
+++ b/app/tasse-die-pause/components/Pricing.tsx
@@ -76,6 +76,7 @@ export async function Pricing() {
           <AddToCartButton
             label="In den Warenkorb"
             className="w-full inline-flex items-center justify-center px-6 py-[0.8125rem] rounded-sm bg-brand hover:bg-brand-hover active:scale-[0.97] transition-all font-bold text-body text-text-primary text-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2 focus-visible:ring-offset-bg-muted"
+            productId={product.id}
             numericId={product.numericId}
             outOfStock={!product.active || product.outOfStock}
             maxQty={product.maxQty}