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} />
                 ))}