diff --git a/app/assets/stylesheets/navigation/top_menu.scss b/app/assets/stylesheets/navigation/top_menu.scss
index ffee447b8..a2b474d3b 100644
--- a/app/assets/stylesheets/navigation/top_menu.scss
+++ b/app/assets/stylesheets/navigation/top_menu.scss
@@ -68,7 +68,12 @@
   }
 
   .dropdown-menu {
-    top: calc(50px - 0.5em);
+    top: 43px;
+    border-radius: 0;
+  }
+
+  .top-menu-user-dropdown {
+    top: 40px;
   }
 
   .dropdown-menu li a {
diff --git a/app/javascript/vue/navigation/top_menu.vue b/app/javascript/vue/navigation/top_menu.vue
index 17f6e24ba..aad31e8ce 100644
--- a/app/javascript/vue/navigation/top_menu.vue
+++ b/app/javascript/vue/navigation/top_menu.vue
@@ -70,7 +70,7 @@
         <span>{{ i18n.t('nav.user_greeting', { full_name: user.name })}}</span>
         <img class="avatar" :src="user.avatar_url">
       </div>
-      <div class="dropdown-menu dropdown-menu-right">
+      <div class="dropdown-menu dropdown-menu-right top-menu-user-dropdown">
         <li v-for="(item, i) in userMenu" :key="i">
           <a :href="item.url">
             {{ item.name }}