diff --git a/src/lib/components/Pricing.svelte b/src/lib/components/Pricing.svelte
index e0afc2cc..8448ddd1 100644
--- a/src/lib/components/Pricing.svelte
+++ b/src/lib/components/Pricing.svelte
@@ -25,7 +25,7 @@ onMount(async () => {
 
 </script>
 
-<section class="bg-[#09090B] min-h-screen max-w-7xl w-full pt-24 m-auto">
+<section class="bg-[#09090B] min-h-screen max-w-3xl sm:max-w-screen-xl w-full pt-24 m-auto">
     <div class="px-3">
         <div class="mx-auto text-center mb-8 ">
             
@@ -71,7 +71,7 @@ onMount(async () => {
 
 
 
-        <div class="flex flex-col sm:flex-row items-center gap-10 sm:gap-5 w-full max-w-6xl m-auto mt-10 sm:mt-20">
+        <div class="flex flex-col sm:flex-row items-center gap-10 sm:gap-5 w-full m-auto mt-10 sm:mt-20">
             <!-- Pricing Card -->
             <div class="order-last sm:order-1 flex flex-col p-6 lg:p-8 mx-auto w-full text-center text-white border border-gray-800 bg-[#09090B] rounded-lg">
 
diff --git a/src/routes/pricing/+page.svelte b/src/routes/pricing/+page.svelte
index 9e941e10..6164996f 100644
--- a/src/routes/pricing/+page.svelte
+++ b/src/routes/pricing/+page.svelte
@@ -111,7 +111,7 @@ async function purchasePlan(subscriptionType:string='') {
 
 
 
-<section class="bg-[#09090B] min-h-screen mb-40 max-w-7xl w-full pt-10 pb-40 m-auto">
+<section class="bg-[#09090B] min-h-screen mb-40 w-full max-w-3xl sm:max-w-screen-xl pt-10 pb-40 m-auto">
     <div class="px-3">
         <div class="mx-auto text-center mb-8 ">
             
@@ -157,7 +157,7 @@ async function purchasePlan(subscriptionType:string='') {
 
 
 
-        <div class="flex flex-col sm:flex-row items-center gap-10 sm:gap-5 w-full max-w-6xl m-auto mt-10 sm:mt-20">
+        <div class="flex flex-col sm:flex-row items-center gap-10 sm:gap-5 w-full m-auto mt-10 sm:mt-20">
             <!-- Pricing Card -->
             <div class="order-last sm:order-1 flex flex-col p-6 lg:p-8 mx-auto w-full text-center text-white border border-gray-800 bg-[#09090B] rounded-lg">