diff --git a/web/src/user_group_edit.ts b/web/src/user_group_edit.ts
index 63b534635b..88f6b0a36a 100644
--- a/web/src/user_group_edit.ts
+++ b/web/src/user_group_edit.ts
@@ -295,9 +295,15 @@ function update_group_membership_button(group_id: number): void {
         true,
     );
     if (is_direct_member) {
-        $group_settings_button.text($t({defaultMessage: "Leave group"}));
+        $group_settings_button
+            .text($t({defaultMessage: "Leave group"}))
+            .removeClass("action-button-quiet-brand")
+            .addClass("action-button-neutral");
     } else {
-        $group_settings_button.text($t({defaultMessage: "Join group"}));
+        $group_settings_button
+            .text($t({defaultMessage: "Join group"}))
+            .removeClass("action-button-quiet-neutral")
+            .addClass("action-button-quiet-brand");
     }
 
     const can_join_group = settings_data.can_join_user_group(group_id);
diff --git a/web/templates/user_group_settings/user_group_settings.hbs b/web/templates/user_group_settings/user_group_settings.hbs
index fc1d027974..c0e7d7b76a 100644
--- a/web/templates/user_group_settings/user_group_settings.hbs
+++ b/web/templates/user_group_settings/user_group_settings.hbs
@@ -4,7 +4,7 @@
         <div class="join_leave_button_wrapper inline-block">
             {{#if is_direct_member}}
             {{> ../components/action_button label=(t "Leave group") custom_classes="join_leave_button" type="button"
-              attention="quiet" intent="brand" }}
+              attention="quiet" intent="neutral" }}
             {{else}}
             {{> ../components/action_button label=(t "Join group") custom_classes="join_leave_button" type="button"
               attention="quiet" intent="brand" }}