diff --git a/src/App.vue b/src/App.vue
index 715ddb2b33cfd571f2aea667801a78ed3736a073..09986a4e43fa7b65719a5b2e1800a56769fb68a1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -15,10 +15,7 @@
 
           <div
             id="menu-dropdown"
-            :class="[
-              'ui dropdown item',
-              { 'active visible': menuIsOpen },
-            ]"
+            :class="['ui dropdown item', { 'active visible': menuIsOpen }]"
             @click="menuIsOpen = !menuIsOpen"
           >
             <!-- empty span to occupy space for style if no project -->
@@ -27,7 +24,7 @@
             </span>
             <i class="dropdown icon"></i>
             <div
-              :class="['menu', { 'visible transition': menuIsOpen }]"
+              :class="['menu dropdown-list', { 'visible transition': menuIsOpen }]"
               style="z-index: 401"
             >
               <router-link
@@ -207,7 +204,8 @@ export default {
     },
 
     clickOutsideMenu(e) {
-      if (!e.target.closest("#menu-dropdown")) this.menuIsOpen = false;
+      if (e.target.closest && !e.target.closest("#menu-dropdown"))
+        this.menuIsOpen = false;
     },
   },
 
@@ -277,8 +275,9 @@ footer {
   .desktop {
     display: none !important;
   }
-  div.menu {
+  div.dropdown-list {
     width: 100vw;
+    left: -70px !important; /* should be the same than belows */
   }
   .menu.container a.header {
     width: 70px;