1 files changed, 9 insertions, 9 deletions
diff --git a/app/views/help/ui.html.haml b/app/views/help/ui.html.haml
index cdc894ee5a0..fe0873fba1b 100644
--- a/app/views/help/ui.html.haml
+++ b/app/views/help/ui.html.haml
@@ -182,7 +182,7 @@
       .nav-controls
         = text_field_tag 'sample', nil, class: 'form-control'
         .dropdown
-          %button.dropdown-menu-toggle{ type: 'button', 'data-toggle' => 'dropdown' }
+          %button.btn.btn-default.dropdown-menu-toggle{ type: 'button', 'data-toggle' => 'dropdown' }
             %span Sort by name
             = icon('chevron-down')
           %ul.dropdown-menu
@@ -218,7 +218,7 @@
   .example
     .clearfix
       .dropdown.inline.float-left
-        %button.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } }
+        %button.btn.btn-default.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } }
           Dropdown
           = icon('chevron-down')
         %ul.dropdown-menu
@@ -226,7 +226,7 @@
             %a{ href: "#" }
               Dropdown option
       .dropdown.inline.float-right
-        %button.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } }
+        %button.btn.btn-default.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } }
           Dropdown
           = icon('chevron-down')
         %ul.dropdown-menu.dropdown-menu-right
@@ -236,7 +236,7 @@
   .example
     %div
       .dropdown.inline
-        %button.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } }
+        %button.btn.btn-default.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } }
           Dropdown
           = icon('chevron-down')
         %ul.dropdown-menu.dropdown-menu-selectable
@@ -246,7 +246,7 @@
   .example
     %div
       .dropdown.inline
-        %button.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } }
+        %button.btn.btn-default.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } }
           Dropdown
           = icon('chevron-down')
         .dropdown-menu.dropdown-select.dropdown-menu-selectable
@@ -285,7 +285,7 @@
             %strong Tip:
             If an author is not a member of this project, you can still filter by his name while using the search field.
       .dropdown.inline
-        %button.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } }
+        %button.btn.btn-default.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } }
           Dropdown loading
           = icon('chevron-down')
         .dropdown-menu.dropdown-select.dropdown-menu-selectable.is-loading
@@ -329,7 +329,7 @@
   .example
     %div
       .dropdown.inline
-        %button.dropdown-menu-toggle{ type: 'button', data: {toggle: 'dropdown' } }
+        %button.btn.btn-default.dropdown-menu-toggle{ type: 'button', data: {toggle: 'dropdown' } }
           Dropdown user
           = icon('chevron-down')
         .dropdown-menu.dropdown-select.dropdown-menu-selectable.dropdown-menu-user
@@ -353,7 +353,7 @@
   .example
     %div
       .dropdown.inline
-        %button.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } }
+        %button.btn.btn-default.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } }
           Dropdown page 2
           = icon('chevron-down')
         .dropdown-menu.dropdown-select.dropdown-menu-selectable.dropdown-menu-user.dropdown-menu-paging.is-page-two
@@ -392,7 +392,7 @@
   .example
     %div
       .dropdown.inline
-        %button#js-project-dropdown.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } }
+        %button#js-project-dropdown.btn.btn-default.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } }
           Projects
           = icon('chevron-down')
         .dropdown-menu.dropdown-select.dropdown-menu-selectable