Remove internal slidebar and adjest it with outer one in Profile page

client/app/profile/page.tsx

@@ -8,25 +8,25 @@ const ProfilePage = () => {
   const { elections, isLoading } = useOpenElection();
   if (isLoading) return <Loader />;
   return (
-    <div className="min-h-screen overflow-auto bg-white pt-20 w-full flex items-start justify-center">
-      <div className="my-2 rounded-2xl">
-        <div className=" p-2 rounded-lg md:p-4 ">
-          <div className="flex flex-col mx-6 my-1 w-full items-start justify-around lg:mx-0">
-            <p className="mt-2 text-lg font-bold tracking-tight text-gray-900 sm:text-xl">
-              Profile
-            </p>
-          </div>
-          <div
-            className="w-[90%] lg:w-[75%] flex-col space-y-6 my-3 inline-block overflow-auto items-center justify-center"
-            style={{ height: "75vh" }}
-          >
-            {elections!.map((election, key) => {
-              return <ElectionMini electionAddress={election} key={key} />;
-            })}
-          </div>
-        </div>
+    <div className="min-h-screen flex items-center justify-center bg-white pt-20 overflow-auto">
+  <div className="my-2 rounded-2xl">
+    <div className="p-2 rounded-lg md:p-4">
+      <div className="flex flex-col mx-6 my-1 w-full items-start justify-around lg:mx-0">
+        <p className="mt-2 text-lg font-bold tracking-tight text-gray-900 sm:text-xl">
+          Profile
+        </p>
+      </div>
+      <div
+        className="w-[90%] lg:w-[75%] flex-col space-y-6 my-3 inline-block items-center justify-center"
+        style={{ height: "auto" }} // Set height to auto to fit content
+      >
+        {elections!.map((election, key) => {
+          return <ElectionMini electionAddress={election} key={key} />;
+        })}
       </div>
     </div>
+  </div>
+</div>
   );
 };