diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 061c25b2..4c37f5ff 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -3572,11 +3572,8 @@
     "node_modules/css-mediaquery": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/css-mediaquery/-/css-mediaquery-0.1.2.tgz",
-
-      
       "integrity": "sha512-COtn4EROW5dBGlE/4PiKnh6rZpAPxDeFLaEEwt4i10jpDMFt2EhQGS79QmmrO+iKCHv0PU/HrOWEhijFd1x99Q==",
       "license": "BSD"
-
     },
     "node_modules/cssesc": {
       "version": "3.0.0",
@@ -4807,10 +4804,8 @@
     "node_modules/hyphenate-style-name": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.1.0.tgz",
-
       "integrity": "sha512-WDC/ui2VVRrz3jOVi+XtjqkDjiVjTtFaAGiW37k6b+ohyQ5wYDOGkvCZa8+H0nx3gyvv0+BST9xuOgIyGQ00gw==",
       "license": "BSD-3-Clause"
-
     },
     "node_modules/idb": {
       "version": "7.1.1",
@@ -5640,9 +5635,7 @@
       "version": "0.453.0",
       "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.453.0.tgz",
       "integrity": "sha512-kL+RGZCcJi9BvJtzg2kshO192Ddy9hv3ij+cPrVPWSRzgCWCVazoQJxOjAwgK53NomL07HB7GPHW120FimjNhQ==",
-
       "license": "ISC",
-
       "peerDependencies": {
         "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc"
       }
@@ -5660,9 +5653,7 @@
       "version": "0.4.2",
       "resolved": "https://registry.npmjs.org/matchmediaquery/-/matchmediaquery-0.4.2.tgz",
       "integrity": "sha512-wrZpoT50ehYOudhDjt/YvUJc6eUzcdFPdmbizfgvswCKNHD1/OBOHYJpHie+HXpu6bSkEGieFMYk6VuutaiRfA==",
-
       "license": "MIT",
-
       "dependencies": {
         "css-mediaquery": "^0.1.2"
       }
@@ -6368,9 +6359,7 @@
       "version": "10.0.0",
       "resolved": "https://registry.npmjs.org/react-responsive/-/react-responsive-10.0.0.tgz",
       "integrity": "sha512-N6/UiRLGQyGUqrarhBZmrSmHi2FXSD++N5VbSKsBBvWfG0ZV7asvUBluSv5lSzdMyEVjzZ6Y8DL4OHABiztDOg==",
-
       "license": "MIT",
-
       "dependencies": {
         "hyphenate-style-name": "^1.0.0",
         "matchmediaquery": "^0.4.2",
@@ -6797,10 +6786,8 @@
     "node_modules/shallow-equal": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/shallow-equal/-/shallow-equal-3.1.0.tgz",
-
       "integrity": "sha512-pfVOw8QZIXpMbhBWvzBISicvToTiM5WBF1EeAUZDDSb5Dt29yl4AYbyywbJFSEsRUMr7gJaxqCdr4L3tQf9wVg==",
       "license": "MIT"
-
     },
     "node_modules/shebang-command": {
       "version": "2.0.0",
diff --git a/frontend/src/Components/Footer.jsx b/frontend/src/Components/Footer.jsx
index f02078a8..a083d57f 100644
--- a/frontend/src/Components/Footer.jsx
+++ b/frontend/src/Components/Footer.jsx
@@ -109,9 +109,9 @@ const Footer = () => {
           <div className="container mx-auto flex flex-wrap sm:flex-nowrap justify-evenly items-start px-5">
             
             {/* Brand, Description, and Links */}
-            <div className="flex flex-col text-red-700 space-y-4 w-full sm:w-2/4 lg:w-2/4 ml-2 mt-6 mr-8">
+            <div className="flex flex-col text-red-700 space-y-4 w-full sm:w-2/4 lg:w-2/4 ml-0 lg:ml-2 mt-6 mr-8">
               <h1 className="text-xl font-bold">TastyTrails</h1>
-              <p className="text-sm text-gray-500 leading-relaxed">
+              <p className="text-sm text-gray-500 leading-relaxed ml-1 lg:ml-0">
                 TastyTrails is more than just recipes — it’s a vibrant social network where food lovers can connect, discover, and share the unique flavors of their cultures. A platform for passionate food enthusiasts to dive into a world of tastes!
               </p>
             </div>
@@ -119,8 +119,8 @@ const Footer = () => {
             <div className="flex flex-col text-gray-600  sm:ml-8 w-full sm:w-1/4 lg:w-1/4 mt-6">
               <ul className="space-y-1">
               <h2 className="font-semibold text-gray-900 mb-2">About</h2>
-                <li><a href="/privacy-policy">Privacy Policy</a></li>
-                <li><a href="/contributors">Contributors</a></li>
+                <li className="ml-1 lg:ml-0"><a href="/privacy-policy">Privacy Policy</a></li>
+                <li className="ml-1 lg:ml-0"><a href="/contributors">Contributors</a></li>
               </ul>
             </div>
 
@@ -128,11 +128,11 @@ const Footer = () => {
             <div className="flex flex-col text-gray-600 sm:ml-8 w-full sm:w-1/4 lg:w-1/4 mt-6">
               <ul className="space-y-1">
               <h2 className="font-semibold text-gray-900 mb-2">Links</h2>
-                <li><a href="/recipes">Recipes</a></li>
-                <li><a href="/mainmeals">Main Meal</a></li>
-                <li><a href="/smallbites">Small Bites</a></li>
-                <li><a href="/healthy">Healthy</a></li>
-                <li><a href="/recipe-suggestions">Recipe Bot</a></li>
+                <li className="ml-1 lg:ml-0"><a href="/recipes">Recipes</a></li>
+                <li className="ml-1 lg:ml-0"><a href="/mainmeals">Main Meal</a></li>
+                <li className="ml-1 lg:ml-0"><a href="/smallbites">Small Bites</a></li>
+                <li className="ml-1 lg:ml-0"><a href="/healthy">Healthy</a></li>
+                <li className="ml-1 lg:ml-0"><a href="/recipe-suggestions">Recipe Bot</a></li>
               </ul>
             </div>
 
@@ -145,7 +145,7 @@ const Footer = () => {
             {/* Social Links and Feedback */}
             <div className="flex flex-col text-gray-700 mt-6 w-full sm:w-1/4 lg:w-1/4">
               <h2 className="font-semibold text-gray-900 mb-2">Connect</h2>
-              <div className="flex items-center space-x-4">
+              <div className="flex items-center space-x-4 ml-1 lg:ml-0">
                 <Link to="https://www.instagram.com/alfiya.17.siddiq/" className="text-2xl text-red-700 hover:text-red-500">
                   <FontAwesomeIcon icon={faInstagramSquare} />
                 </Link>
@@ -158,7 +158,7 @@ const Footer = () => {
               </div>
               <button
                 onClick={openModal}
-                className="mt-4 py-2 px-2 inline-block bg-transparent border border-red-700 text-red-700 rounded hover:bg-red-700 hover:text-white transition-all duration-200 max-w-[8rem] "
+                className="mt-4 py-2 px-2 inline-block bg-transparent border border-red-700 text-red-700 rounded hover:bg-red-700 hover:text-white transition-all duration-200 max-w-[8rem] ml-1 lg:ml-0"
               >
                 Feedback
               </button>