diff --git a/src/components/PublicFooter.js b/src/components/PublicFooter.js
index 053185e..2d9737e 100644
--- a/src/components/PublicFooter.js
+++ b/src/components/PublicFooter.js
@@ -10,10 +10,10 @@ const PublicFooter = () => {
       {/* Main Footer */}
       <footer className="bg-[#644c9f] px-f sm:px-8 border-t border-[rgba(0,0,0,0.1)] py-12 md:py-20 flex items-center justify-center min-h-[420px]">
         <div className="  flex flex-col lg:flex-row gap-8 sm:gap-12 md:gap-16 lg:gap-20 xl:gap-30 items-center justify-center w-full max-w-7xl">
-          <div className="w-32 sm:w-40 md:w-48 lg:w-[232px] flex-shrink-0">
+          <div className="w-32  sm:w-40 md:w-48 lg:w-[232px] flex-shrink-0">
             <img src={loafLogo} alt="LOAF Logo" className="w-full h-auto aspect-square object-contain" />
           </div>
-          <nav className="flex flex-col sm:flex-row gap-8 sm:gap-12 md:gap-16 lg:gap-20 xl:gap-28 items-start justify-center w-full lg:w-auto">
+          <nav className="flex sm:px-4 px-2 flex-col sm:flex-row gap-8 sm:gap-12 md:gap-16 lg:gap-20 xl:gap-28 items-start justify-center w-full lg:w-auto">
             <div className="flex flex-col gap-2 w-full sm:w-auto sm:min-w-[163px]">
               <div className="pb-4">
                 <p className="text-white text-base font-semibold" style={{ fontFamily: "'Inter', sans-serif" }}>About</p>