diff --git a/changelog/unreleased/bugfix-app-menu-active-display b/changelog/unreleased/bugfix-app-menu-active-display
new file mode 100644
index 00000000000..52fe4e594e8
--- /dev/null
+++ b/changelog/unreleased/bugfix-app-menu-active-display
@@ -0,0 +1,5 @@
+Bugfix: Application menu active display on hover
+
+The text color of the active application menu item on hover as been fixed.
+
+https://github.com/owncloud/web/pull/8265
diff --git a/packages/web-runtime/src/components/Topbar/ApplicationsMenu.vue b/packages/web-runtime/src/components/Topbar/ApplicationsMenu.vue
index 2d971bb9807..0b9eaf2ffd7 100644
--- a/packages/web-runtime/src/components/Topbar/ApplicationsMenu.vue
+++ b/packages/web-runtime/src/components/Topbar/ApplicationsMenu.vue
@@ -32,7 +32,7 @@
             :href="n.url"
             :to="n.path"
             appearance="raw"
-            :class="{ 'oc-background-primary-gradient': n.active }"
+            :class="{ 'oc-background-primary-gradient router-link-active': n.active }"
             :variation="n.active ? 'inverse' : 'passive'"
           >
             <span class="icon-box">