diff --git a/src/views/profile/ProfilePage.vue b/src/views/profile/ProfilePage.vue
index e7193ce..0785d42 100644
--- a/src/views/profile/ProfilePage.vue
+++ b/src/views/profile/ProfilePage.vue
@@ -1,16 +1,16 @@
 <template>
-  <div class="flex flex-col md:flex-row">
+  <div class="flex flex-col md:flex-row bg-[#f4f4f4] h-full">
 
     <!-- Left Menu -->
-    <div class="bg-[#f4f4f4] z-20 w-full md:max-w-xs fixed md:sticky md:top-0 md:flex md:flex-col top-0">
-      <div class="sticky top-20 z-30 bg-[#f4f4f4]">
+    <div class=" z-20 w-full md:max-w-xs fixed md:sticky md:top-0 md:flex md:flex-col top-0">
+      <div class="sticky top-20 z-30">
         <div class="flex flex-col items-center md:items-start md:pl-4 mt-16">
           <h1 class="text-2xl py-4 font-bold text-center md:text-left">{{$t('profilemenu.manageyouraccount')}}</h1>
 
           <div class="relative flex items-center md:mt-0 w-full">
             <!-- Navigation buttons for small screens -->
             <button @click="scrollLeftFunc"
-                    class="rounded p-1 absolute left-2 z-10 md:hidden text-fuchsia-800 bg-[#f4f4f4] text-2xl ">
+                    class="rounded p-1 absolute left-2 z-10 md:hidden text-fuchsia-800  text-2xl ">
               <v-icon>mdi-chevron-left</v-icon>
             </button>