diff --git a/components/cart/modal.tsx b/components/cart/modal.tsx
index c180effe5..fcaebc89a 100644
--- a/components/cart/modal.tsx
+++ b/components/cart/modal.tsx
@@ -98,10 +98,12 @@ export default function CartModal({
                 </div>
 
                 {!!isConfirming && !!cart && cart?.checkoutUrl ? (
-                  <AgeGateForm
-                    didCancel={() => setIsConfirming(false)}
-                    checkoutUrl={cart.checkoutUrl}
-                  />
+                  <div className="animate-fadeIn">
+                    <AgeGateForm
+                      didCancel={() => setIsConfirming(false)}
+                      checkoutUrl={cart.checkoutUrl}
+                    />
+                  </div>
                 ) : (
                   <>
                     {!cart || cart.lines.length === 0 ? (