diff --git a/app/assets/stylesheets/framework/panels.scss b/app/assets/stylesheets/framework/panels.scss
index 874416e1007..c6f30e144fd 100644
--- a/app/assets/stylesheets/framework/panels.scss
+++ b/app/assets/stylesheets/framework/panels.scss
@@ -23,4 +23,9 @@
       margin-top: $gl-padding;
     }
   }
+
+  .panel-title {
+    font-size: inherit;
+    line-height: inherit;
+  }
 }
diff --git a/app/views/projects/protected_branches/_branches_list.html.haml b/app/views/projects/protected_branches/_branches_list.html.haml
index 4e6d432f8fa..04b19a8c5a7 100644
--- a/app/views/projects/protected_branches/_branches_list.html.haml
+++ b/app/views/projects/protected_branches/_branches_list.html.haml
@@ -1,7 +1,8 @@
 .panel.panel-default.protected-branches-list
   - if @protected_branches.empty?
     .panel-heading
-      %b Protected branch (#{@protected_branches.size})
+      %h3.panel-title
+        Protected branch (#{@protected_branches.size})
     %p.settings-message.text-center
       There are currently no protected branches, protect a branch with the form above.
   - else
diff --git a/app/views/projects/protected_branches/_create_protected_branch.html.haml b/app/views/projects/protected_branches/_create_protected_branch.html.haml
index e4319e3405d..34bc465c356 100644
--- a/app/views/projects/protected_branches/_create_protected_branch.html.haml
+++ b/app/views/projects/protected_branches/_create_protected_branch.html.haml
@@ -1,7 +1,8 @@
 = form_for [@project.namespace.becomes(Namespace), @project, @protected_branch] do |f|
   .panel.panel-default
     .panel-heading
-      %b Protect a branch
+      %h3.panel-title
+        Protect a branch
     .panel-body
       .form-horizontal
         .form-group