diff --git a/bizmatch/src/app/components/header/header.component.html b/bizmatch/src/app/components/header/header.component.html
index df7af81..63147eb 100644
--- a/bizmatch/src/app/components/header/header.component.html
+++ b/bizmatch/src/app/components/header/header.component.html
@@ -29,6 +29,7 @@
         </div>
       </div>
       }
+      <div class="relative">
       <button type="button"
         class="flex text-sm bg-neutral-400 rounded-full md:me-0 focus:ring-4 focus:ring-neutral-300 dark:focus:ring-neutral-600"
         id="user-menu-button" aria-expanded="false" (click)="toggleUserMenu()">
@@ -43,7 +44,7 @@
       <!-- Dropdown menu -->
       @if(user){
       <div
-        class="z-50 my-4 text-base list-none bg-white divide-y divide-neutral-100 rounded-lg shadow dark:bg-neutral-700 dark:divide-neutral-600"
+        class="absolute right-0 z-50 mt-2 text-base list-none bg-white divide-y divide-neutral-100 rounded-lg shadow dark:bg-neutral-700 dark:divide-neutral-600"
         id="user-login" [class.hidden]="!userMenuVisible">
         <div class="px-4 py-3">
           <span class="block text-sm text-neutral-900 dark:text-white">Welcome, {{ user.firstname }} </span>
@@ -122,7 +123,7 @@
       </div>
       } @else {
       <div
-        class="z-50 my-4 text-base list-none bg-white divide-y divide-neutral-100 rounded-lg shadow dark:bg-neutral-700 dark:divide-neutral-600"
+        class="absolute right-0 z-50 mt-2 text-base list-none bg-white divide-y divide-neutral-100 rounded-lg shadow dark:bg-neutral-700 dark:divide-neutral-600"
         id="user-unknown" [class.hidden]="!userMenuVisible">
         <ul class="py-2" aria-labelledby="user-menu-button">
           <li>
@@ -160,6 +161,7 @@
         </ul>
       </div>
       }
+      </div>
     </div>
     <div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-user">
       <ul