diff --git a/crates/collab_titlebar_item/src/collab_titlebar_item.rs b/crates/collab_titlebar_item/src/collab_titlebar_item.rs
index de27fd4eb8a2e55cf34967f9da953c9441c9fbb1..a48318d204e916af4c908ef2ae46140f09af4234 100644
--- a/crates/collab_titlebar_item/src/collab_titlebar_item.rs
+++ b/crates/collab_titlebar_item/src/collab_titlebar_item.rs
@@ -96,7 +96,9 @@ impl CollabTitlebarItem {
             Stack::new()
                 .with_child(
                     MouseEventHandler::<ToggleAddParticipantPopover>::new(0, cx, |state, _| {
-                        let style = titlebar.add_participant_button.style_for(state, false);
+                        let style = titlebar
+                            .add_participant_button
+                            .style_for(state, self.add_participant_popover.is_some());
                         Svg::new("icons/plus_8.svg")
                             .with_color(style.color)
                             .constrained()
diff --git a/styles/src/styleTree/workspace.ts b/styles/src/styleTree/workspace.ts
index b10828828b9164b2378cea6fea68002bc0bbd4e4..75f11b3942ce589045815a678bd83cf8741305dc 100644
--- a/styles/src/styleTree/workspace.ts
+++ b/styles/src/styleTree/workspace.ts
@@ -124,6 +124,10 @@ export default function workspace(theme: Theme) {
         color: iconColor(theme, "secondary"),
         iconWidth: 8,
         buttonWidth: 20,
+        active: {
+          background: backgroundColor(theme, "on300", "active"),
+          color: iconColor(theme, "active"),
+        },
         hover: {
           background: backgroundColor(theme, "on300", "hovered"),
           color: iconColor(theme, "active"),