diff --git a/.gitignore b/.gitignore
index bf82a26..c2658d7 100644
Binary files a/.gitignore and b/.gitignore differ
diff --git a/admin/vite.config.js b/admin/vite.config.js
index 13e485d..65e1528 100644
--- a/admin/vite.config.js
+++ b/admin/vite.config.js
@@ -1,6 +1,6 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import path from 'path'
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -10,4 +10,9 @@ export default defineConfig({
       "@": path.resolve(__dirname, "./src"),
     },
   },
-})
+  server: {
+    proxy: {
+      '/api': 'http://localhost:5000', // Change 5000 to your backend port
+    },
+  },
+});
diff --git a/user/src/components/Grievances.jsx b/user/src/components/Grievances.jsx
index 159c00e..3332bdf 100644
--- a/user/src/components/Grievances.jsx
+++ b/user/src/components/Grievances.jsx
@@ -70,7 +70,7 @@ const Grievances = () => {
       </div>
 
       {/* Action Cards */}
-      <div className="max-w-5xl mx-auto flex flex-col justify-center gap-8 py-16 md:flex-row items-center bg-white dark:bg-gray-800 transition-colors duration-300">
+  <div className="max-w-7xl mx-auto flex flex-col justify-center gap-8 py-16 md:flex-row items-center bg-white dark:bg-gray-800 transition-colors duration-300 mb-12">
         
         {/* Lodge Grievance */}
         <div
diff --git a/user/src/components/ScrollToBottom.jsx b/user/src/components/ScrollToBottom.jsx
index cf615f5..a2ab3ed 100644
--- a/user/src/components/ScrollToBottom.jsx
+++ b/user/src/components/ScrollToBottom.jsx
@@ -33,8 +33,8 @@ const ScrollToBottom = () => {
       >
         {/* SVG with three chevrons for the cascade animation */}
         <svg
-          width="24"
-          height="24"
+          width="32"
+          height="32"
           viewBox="0 0 24 24"
           fill="none"
           xmlns="http://www.w3.org/2000/svg"
diff --git a/user/src/components/ScrollToTop.jsx b/user/src/components/ScrollToTop.jsx
index 234a2f8..7d1f22a 100644
--- a/user/src/components/ScrollToTop.jsx
+++ b/user/src/components/ScrollToTop.jsx
@@ -34,8 +34,8 @@ const ScrollToTop = () => {
       >
         {/* SVG with two upward-pointing chevrons */}
         <svg
-          width="24"
-          height="24"
+          width="32"
+          height="32"
           viewBox="0 0 24 24"
           fill="none"
           xmlns="http://www.w3.org/2000/svg"
diff --git a/user/src/components/pages/About.jsx b/user/src/components/pages/About.jsx
index f5548f4..f31f5d6 100644
--- a/user/src/components/pages/About.jsx
+++ b/user/src/components/pages/About.jsx
@@ -67,7 +67,7 @@ const About = () => {
             <img
               src={about}
               alt="About SaralSeva"
-              className='w-full h-auto rounded-2xl shadow-xl dark:shadow-black/50 hover:scale-105 transition-transform duration-300'
+              className='w-full h-auto rounded-2xl shadow-xl dark:shadow-black/50 hover:scale-105 transition-transform duration-300 border-2 border-orange-200'
               data-tooltip-id="about-img-tooltip"
               data-tooltip-content="SaralSeva provides a unified digital platform for governance."
             />
diff --git a/user/src/components/pages/Footer.jsx b/user/src/components/pages/Footer.jsx
index d401748..fd45f2d 100644
--- a/user/src/components/pages/Footer.jsx
+++ b/user/src/components/pages/Footer.jsx
@@ -55,6 +55,7 @@ const Footer = () => {
 
   return (
     <footer className="bg-orange-950 dark:bg-gray-900 text-orange-200 dark:text-gray-300">
+      <hr className="border-t-4 border-orange-900 dark:border-gray-800 mb-4" />
       <div className="container mx-auto px-5 py-16">
         <div className="flex flex-wrap md:text-left text-center order-first">
 
diff --git a/user/vite.config.js b/user/vite.config.js
index 13e485d..60b2710 100644
--- a/user/vite.config.js
+++ b/user/vite.config.js
@@ -10,4 +10,9 @@ export default defineConfig({
       "@": path.resolve(__dirname, "./src"),
     },
   },
+  server: {
+    proxy: {
+      '/api': 'http://localhost:5000', // Change 5000 if your backend runs on a different port
+    },
+  },
 })