From f1b495809fde9aa8701b40287de1235772e4a7b8 Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Fri, 18 Sep 2026 18:28:08 +0200
Subject: [PATCH] fix #510: [Bug] Styling of the icon labels and overflow icon
 is not correct

---
 CHANGELOG.md       |  4 ++++
 src/scss/menu.scss | 22 ++++++++++++++--------
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1337e73..1b36d75 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,10 @@
 
 - feat(app): add compatibility with Nextcloud 35
 
+### Fixed
+
+- fix #510: [Bug] Styling of the icon labels and overflow icon is not correct
+
 ## 6.1.0
 
 ### Added
diff --git a/src/scss/menu.scss b/src/scss/menu.scss
index 5244d39..65a5bca 100644
--- a/src/scss/menu.scss
+++ b/src/scss/menu.scss
@@ -287,14 +287,6 @@
   }
 }
 
-.cm-standardmenu {
-  visibility: hidden;
-
-  &.show {
-    visibility: visible;
-  }
-}
-
 .cm-always-displayed {
   body {
     width: calc(100% - 50px) !important;
@@ -426,11 +418,25 @@
 $header-icon-size: 20px;
 
 .cm-standardmenu {
+  visibility: hidden;
   width: 100%;
   display: flex;
   flex-shrink: 1;
   flex-wrap: wrap;
 
+  &.show {
+    visibility: visible;
+  }
+
+  svg {
+    color: var(--color-background-plain-text) !important;
+  }
+
+  .app-menu-entry--label {
+    color: var(--color-background-plain-text) !important;
+    filter: var(--background-image-invert-if-bright, var(--primary-invert-if-bright)) !important;
+  }
+
   .app-menu-main {
     display: flex;
     flex-wrap: nowrap;