diff --git a/packages/web-runtime/src/components/Topbar/ApplicationsMenu.vue b/packages/web-runtime/src/components/Topbar/ApplicationsMenu.vue
index f26bbe357b5..c0182f72800 100644
--- a/packages/web-runtime/src/components/Topbar/ApplicationsMenu.vue
+++ b/packages/web-runtime/src/components/Topbar/ApplicationsMenu.vue
@@ -96,6 +96,19 @@ export default defineComponent({
     justify-content: flex-start;
     width: 100%;
 
+    &.oc-button-primary-raw-inverse {
+      &:focus,
+      &:hover {
+        color: var(--oc-color-swatch-primary-contrast) !important;
+      }
+    }
+    &.oc-button-passive-raw {
+      &:focus,
+      &:hover {
+        color: var(--oc-color-swatch-passive-default) !important;
+      }
+    }
+
     &:focus,
     &:hover {
       background-color: var(--oc-color-background-hover);