fix: memfreeme#111 - scrollbar showing in center for pricing page

malavshah9 · Oct 31, 2024 · 4a20573 · 4a20573
1 parent 82b3a30
commit 4a20573
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/app/[locale]/(search)/pricing/page.tsx b/frontend/app/[locale]/(search)/pricing/page.tsx
@@ -27,7 +27,7 @@ export default async function PricingPage() {
     }
 
     return (
-        <div className="group mx-auto overflow-auto peer-[[data-state=open]]:lg:pl-[300px] peer-[[data-state=open]]:xl:pl-[320px] peer-[[data-state=closed]]:lg:pl-[100px] my-10">
+        <div className="group mx-auto overflow-auto peer-[[data-state=open]]:lg:pl-[300px] peer-[[data-state=open]]:xl:pl-[320px] peer-[[data-state=closed]]:lg:px-[100px] my-10">
             <PricingCards userId={user?.id} subscriptionPlan={subscriptionPlan} />
             <WallOfLove />
             <PricingFaq />

diff --git a/frontend/components/pricing-cards.tsx b/frontend/components/pricing-cards.tsx
@@ -173,7 +173,7 @@ export function PricingCards({ userId, subscriptionPlan }: PricingCardsProps) {
                 </ToggleGroup>
             </div>
 
-            <div className="mx-auto grid max-w-6xl gap-5 bg-inherit py-5 md:grid-cols-3 lg:grid-cols-3">
+            <div className="mx-auto grid gap-5 bg-inherit py-5 md:grid-cols-3 lg:grid-cols-3">
                 {pricingData.map((offer) => (
                     <PricingCard offer={offer} key={offer.title} />
                 ))}