diff --git a/web/styles/zulip.css b/web/styles/zulip.css
index 228fa95354..3a1b52ab8f 100644
--- a/web/styles/zulip.css
+++ b/web/styles/zulip.css
@@ -2811,6 +2811,18 @@ select.invite-as {
     vertical-align: bottom;
 }
 
+.invite-stream-controls button {
+    color: hsl(207.79deg 56.2% 52.55%);
+    background-color: transparent;
+
+    &:focus,
+    &:hover {
+        color: hsl(207.78deg 56.25% 37.65%);
+        text-decoration: underline;
+        background-color: transparent;
+    }
+}
+
 #invite-stream-checkboxes {
     & i.zulip-icon-globe {
         font-size: 80%;
diff --git a/web/templates/invite_user_modal.hbs b/web/templates/invite_user_modal.hbs
index 9b930585db..dcbbb2059c 100644
--- a/web/templates/invite_user_modal.hbs
+++ b/web/templates/invite_user_modal.hbs
@@ -80,8 +80,8 @@
             </div>
             {{/if}}
             <div class="invite-stream-controls">
-                <button class="btn btn-link" type="button" id="invite_check_all_button">{{t "Check all" }}</button> |
-                <button class="btn btn-link" type="button" id="invite_uncheck_all_button">{{t "Uncheck all" }}</button>
+                <button class="btn" type="button" id="invite_check_all_button">{{t "Check all" }}</button> |
+                <button class="btn" type="button" id="invite_uncheck_all_button">{{t "Uncheck all" }}</button>
             </div>
             <div id="invite-stream-checkboxes" class="new-style">
                 {{#each streams}}