Changed to using the btn class

app/assets/stylesheets/pages/admin.scss

@@ -61,16 +61,3 @@
   @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;
-  }
-}

app/helpers/application_settings_helper.rb

@@ -28,7 +28,7 @@ module ApplicationSettingsHelper
   def restricted_level_checkboxes(help_block_id)
     Gitlab::VisibilityLevel.options.map do |name, level|
       checked = restricted_visibility_levels(true).include?(level)
-      css_class = 'btn btn-primary'
+      css_class = 'btn'
       css_class += ' active' if checked
       checkbox_name = 'application_setting[restricted_visibility_levels][]'
 

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.btn-visibility{ data: data_attrs }
+        .btn-group{ 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