From 814e718fee2627ac4fc93677b86d08f10353e0f0 Mon Sep 17 00:00:00 2001
From: gofnnp <fbicha1234@gmail.com>
Date: Thu, 27 Jun 2024 02:52:36 +0400
Subject: [PATCH] trial-payment-page

fix x scrolling
---
 .../pages/ABDesign/v1/pages/TrialPayment/index.tsx   | 12 +++++++-----
 .../ABDesign/v1/pages/TrialPayment/styles.module.css | 12 +++++++++---
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/components/pages/ABDesign/v1/pages/TrialPayment/index.tsx b/src/components/pages/ABDesign/v1/pages/TrialPayment/index.tsx
index 234c8ea..aea17d1 100644
--- a/src/components/pages/ABDesign/v1/pages/TrialPayment/index.tsx
+++ b/src/components/pages/ABDesign/v1/pages/TrialPayment/index.tsx
@@ -126,11 +126,13 @@ function TrialPaymentPage() {
           placementKey={EPlacementKeys["aura.placement.redesign.main"]}
         />
       </Modal>
-      <BackgroundTopBlob
-        width={pageWidth}
-        height={200}
-        className={styles["background-top-blob"]}
-      />
+      <div className={styles["background-top-blob-container"]}>
+        <BackgroundTopBlob
+          width={pageWidth}
+          height={200}
+          className={styles["background-top-blob"]}
+        />
+      </div>
       <Header className={styles.header} />
       <TrialPaymentHeader buttonClick={openStripeModal} />
       {!!videoUrl.length && (
diff --git a/src/components/pages/ABDesign/v1/pages/TrialPayment/styles.module.css b/src/components/pages/ABDesign/v1/pages/TrialPayment/styles.module.css
index 6e23cbb..70f5acf 100644
--- a/src/components/pages/ABDesign/v1/pages/TrialPayment/styles.module.css
+++ b/src/components/pages/ABDesign/v1/pages/TrialPayment/styles.module.css
@@ -22,10 +22,16 @@
   max-height: calc(100dvh - 40px);
 }
 
-.background-top-blob {
+.background-top-blob-container {
   position: absolute;
   top: 0;
   left: 0;
+  width: 100%;
+  height: fit-content;
+  overflow: hidden;
+}
+
+.background-top-blob {
   scale: 1.4;
 }
 
@@ -33,8 +39,8 @@
   position: absolute;
   z-index: 3;
   top: 32px;
-  padding: 0 32px;
-  width: calc(100% + 36px) !important;
+  padding: 0 14px;
+  width: 100%;
 }
 
 .personal-video {