fix default menu 'more app'

src/scss/menu.scss

@@ -14,7 +14,6 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  */
-$header-icon-size: 20px;
 
 #header {
   .cm-opener {
@@ -23,6 +22,10 @@ $header-icon-size: 20px;
   }
 }
 
+.app-menu {
+  visibility: hidden;
+}
+
 .cm {
   position: fixed;
   top: 0;
@@ -282,13 +285,13 @@ $header-icon-size: 20px;
       }
     }
   }
+}
 
-  &.cm--standardmenu {
-    visibility: hidden;
+.cm-standardmenu {
+  visibility: hidden;
 
-    &.show {
-      visibility: visible;
-    }
+  &.show {
+    visibility: visible;
   }
 }
 
@@ -400,6 +403,8 @@ $header-icon-size: 20px;
   }
 }
 
+$header-icon-size: 20px;
+
 .cm-standardmenu {
   width: 100%;
   display: flex;
@@ -539,7 +544,7 @@ $header-icon-size: 20px;
 
   .app-menu-more .button-vue--vue-tertiary {
     opacity: 0.7;
-    margin: 3px;
+    margin: 8px 3px 3px 3px;
     filter: var(--background-image-invert-if-bright, var(--primary-invert-if-bright));
 
     &:not([aria-expanded='true']) {
@@ -557,11 +562,11 @@ $header-icon-size: 20px;
     }
   }
 
-  .app-menu-popover-entry {
+  &-app-menu-popover-entry {
     .app-icon {
       position: relative;
-      height: 44px;
-      width: 48px;
+      height: 35px;
+      width: 40px;
       display: flex;
       align-items: center;
       justify-content: center;