diff --git a/app/assets/tailwind/maybe-design-system.css b/app/assets/tailwind/maybe-design-system.css
index d6126796..f8379818 100644
--- a/app/assets/tailwind/maybe-design-system.css
+++ b/app/assets/tailwind/maybe-design-system.css
@@ -541,10 +541,10 @@
   }
   
   .btn--ghost {
-    @apply border border-transparent text-primary hover:button-bg-ghost-hover;
+    @apply border border-transparent hover:button-bg-ghost-hover;
 
     @variant theme-dark {
-      @apply fg-primary hover:button-bg-ghost-hover;
+      @apply hover:fg-inverse hover:button-bg-ghost-hover;
     }
   }
 
@@ -725,7 +725,7 @@
   @apply bg-gray-50;
 
   @variant theme-dark {
-    @apply bg-gray-800;
+    @apply bg-gray-800 fg-inverse;
   }
 }
 
diff --git a/app/views/users/_user_menu.html.erb b/app/views/users/_user_menu.html.erb
index 01ff3aaa..584cd4e7 100644
--- a/app/views/users/_user_menu.html.erb
+++ b/app/views/users/_user_menu.html.erb
@@ -37,28 +37,28 @@
     <div class="p-1">
       <%= link_to settings_profile_path(return_to: request.fullpath), class: "btn btn--ghost flex gap-2 items-center" do %>
         <%= lucide_icon("settings", class: "w-5 h-5 text-secondary shrink-0") %>
-        <span class="text-primary text-sm">Settings</span>
+        <span class="text-sm">Settings</span>
       <% end %>
 
       <%= link_to changelog_path, class: "btn btn--ghost flex gap-2 items-center" do %>
         <%= lucide_icon("box", class: "w-5 h-5 text-secondary shrink-0") %>
-        <span class="text-primary text-sm">Changelog</span>
+        <span class="text-sm">Changelog</span>
       <% end %>
 
       <%= link_to feedback_path, class: "btn btn--ghost flex gap-2 items-center" do %>
         <%= lucide_icon("megaphone", class: "w-5 h-5 text-secondary shrink-0") %>
-        <span class="text-primary text-sm">Feedback</span>
+        <span class="text-sm">Feedback</span>
       <% end %>
 
       <% if self_hosted? %>
         <%= link_to "https://link.maybe.co/discord", class: "btn btn--ghost flex gap-2 items-center" do %>
           <%= lucide_icon("message-square-more", class: "w-5 h-5 text-secondary shrink-0") %>
-          <span class="text-primary text-sm">Contact</span>
+          <span class="text-sm">Contact</span>
         <% end %>
       <% else %>
         <%= link_to "mailto:hello@maybefinance.com", class: "btn btn--ghost flex gap-2 items-center", onclick: "Intercom('showNewMessage'); return false;" do %>
           <%= lucide_icon("message-square-more", class: "w-5 h-5 text-secondary shrink-0") %>
-          <span class="text-primary text-sm">Contact</span>
+          <span class="text-sm">Contact</span>
         <% end %>
       <% end %>
     </div>