common/static/common/styles/studio/_web-assets-overrides.sass

@@ -204,6 +204,9 @@ textarea
       overflow-x: visible
 
 .nav-global
+  .btn
+    color: var(--color-text) !important
+
   button
     &.nav-global-logo
       &:focus
@@ -217,10 +220,6 @@ textarea
         position: relative
         top: 2px
 
-  .dropdown-menu
-    background-color: var(--nav-global-color-menu-bg)
-    color: var(--nav-global-color-text)
-
   .nav-global-apps-menu
     top: calc(var(--spacer) * 3.5)
 

common/templates/common/components/navbar_dropdown_notifications.html

@@ -12,8 +12,8 @@
         <a href="{% url 'user-notification' verbs='commented,replied to' %}" class="dropdown-item flex">
           <span>Notifications</span>
         </a>
-        <a class="dropdown-item flex-grow-0" data-bs-toggle="tooltip" data-placement="top" data-mark-all-read-url="{% url 'api-notifications-mark-read' %}" title="Mark all as read">
-          <i class="i-check"></i>
+        <a class="btn btn-link dropdown-item flex-grow-0" data-bs-toggle="tooltip" data-placement="top" data-mark-all-read-url="{% url 'api-notifications-mark-read' %}" title="Mark all as read">
+          <i class="i-check me-0"></i>
         </a>
       </div>
       <div class="dropdown-menu-nested">