From ae9c33aea440bea74a0aa1012f68f1fa989b5671 Mon Sep 17 00:00:00 2001
From: gbuomprisco <giancarlopsk@gmail.com>
Date: Wed, 11 Dec 2024 16:03:13 +0800
Subject: [PATCH] Fix Stripe embedded checkout height using inline styles
 instead of a TW class

---
 .../stripe/src/components/stripe-embedded-checkout.tsx       | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/billing/stripe/src/components/stripe-embedded-checkout.tsx b/packages/billing/stripe/src/components/stripe-embedded-checkout.tsx
index 3312f9688..1fcac6fd4 100644
--- a/packages/billing/stripe/src/components/stripe-embedded-checkout.tsx
+++ b/packages/billing/stripe/src/components/stripe-embedded-checkout.tsx
@@ -44,7 +44,7 @@ function EmbeddedCheckoutPopup({
   onClose?: () => void;
 }>) {
   const [open, setOpen] = useState(true);
-  const className = `bg-white p-4 max-h-[98vh] overflow-y-auto shadow-transparent border`;
+  const className = `bg-white p-4 overflow-y-auto shadow-transparent border`;
 
   return (
     <Dialog
@@ -59,6 +59,9 @@ function EmbeddedCheckoutPopup({
       }}
     >
       <DialogContent
+        style={{
+          maxHeight: '98vh',
+        }}
         className={className}
         onOpenAutoFocus={(e) => e.preventDefault()}
         onInteractOutside={(e) => e.preventDefault()}