diff --git a/app/assets/stylesheets/pages/admin.scss b/app/assets/stylesheets/pages/admin.scss
index 144852e787496222c9286ffae5cbab5650967aea..12372719a356571d3b02f86a78830c73f64407fd 100644
--- a/app/assets/stylesheets/pages/admin.scss
+++ b/app/assets/stylesheets/pages/admin.scss
@@ -61,3 +61,16 @@
   @extend .broadcast-message;
   margin-bottom: 20px;
 }
+
+.btn-visibility {
+  .btn-primary {
+    color: black;
+    background-color: white;
+    border-color: black;
+  }
+  .btn-primary.active {
+    color: black;
+    background-color: #d3d3d3;
+    border-color: black;
+  }
+}
diff --git a/app/views/admin/application_settings/_form.html.haml b/app/views/admin/application_settings/_form.html.haml
index 6bef33c6d7aff012f7e58f4a4a9fd674be082912..8ce0b3cd207adcef42ef0af26f6890db6fd06051 100644
--- a/app/views/admin/application_settings/_form.html.haml
+++ b/app/views/admin/application_settings/_form.html.haml
@@ -23,7 +23,7 @@
       = f.label :restricted_visibility_levels, class: 'control-label col-sm-2'
       .col-sm-10
         - data_attrs = { toggle: 'buttons' }
-        .btn-group{ data: data_attrs }
+        .btn-group.btn-visibility{ data: data_attrs }
           - restricted_level_checkboxes('restricted-visibility-help').each do |level|
             = level
         %span.help-block#restricted-visibility-help Selected levels cannot be used by non-admin users for projects or snippets