From 696e9435870626bd57fa29a98fc6acb39c6b9004 Mon Sep 17 00:00:00 2001
From: Malav Shah <mdshah9574@gmail.com>
Date: Thu, 31 Oct 2024 14:41:58 +0530
Subject: [PATCH] fix: #111 - scrollbar showing in center for pricing page
 (#131)

---
 frontend/app/[locale]/(search)/pricing/page.tsx | 2 +-
 frontend/components/pricing-cards.tsx           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/app/[locale]/(search)/pricing/page.tsx b/frontend/app/[locale]/(search)/pricing/page.tsx
index dcb9b3ec..f2199db6 100644
--- 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
index 42621638..3cafd186 100644
--- 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} />
                 ))}