diff --git a/components/landingComponents/PricingHero/page.jsx b/components/landingComponents/PricingHero/page.jsx
index 98c5652..6a416e5 100644
--- a/components/landingComponents/PricingHero/page.jsx
+++ b/components/landingComponents/PricingHero/page.jsx
@@ -3,12 +3,12 @@ import React from "react";
 const PricingHero = () => {
   return (
     <div className="min-h-[100vh]">
-      <div className="flex justify-center lg:pt-[150px] xs:pt-[100px] xs:ml-5 lg:ml-0">
-        <div className=" ml-1 w-8/12  text-center ">
+      <div className="flex justify-center lg:pt-[150px] xs:pt-[100px] lg:ml-0">
+        <div className=" ml-1 lg:w-8/12 xs:w-full  text-center ">
           <h1 className="text-white font-semibold md:text-[80px] sm:text-[60px] xs:text-[40px] text-[18px] mt-4">
             Pricing
           </h1>
-          <p className="mb-0 sm:text-[20px] xs:text-[20px] lg:text-center xs:text-left text-secondary  tracking-wider text-gray-100 font-thin ">
+          <p className="mb-0 sm:text-[20px] xs:text-[20px] lg:text-center xs:text-center text-secondary  tracking-wider text-gray-100 font-thin xs:px-5 ">
             Tailor your coffee shop management with our time-flexible pricing
             plans. All packages offer the same comprehensive features, differing
             only in duration to suit your business needs. Choose from monthly,