diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index d5522f00f50c45132e0a2829436f3f2db2bea127..835d18facb6f1c4396e223318bcac080829eca49 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -37,6 +37,7 @@
 @import "generic/issue_box.scss";
 @import "generic/files.scss";
 @import "generic/lists.scss";
+@import "generic/flash.scss";
 @import "generic/forms.scss";
 @import "generic/selects.scss";
 @import "generic/highlight.scss";
diff --git a/app/assets/stylesheets/generic/blocks.scss b/app/assets/stylesheets/generic/blocks.scss
index 1cbd743983587f71b23901df393b18e347f4e8c6..3536a68f416fc335177d27f763bdb77207a2f523 100644
--- a/app/assets/stylesheets/generic/blocks.scss
+++ b/app/assets/stylesheets/generic/blocks.scss
@@ -2,3 +2,18 @@
   background: #f9f9f9;
   padding: 15px;
 }
+
+.centered-light-block {
+  text-align: center;
+  color: #888;
+  margin: 20px;
+}
+
+.nothing-here-block {
+  text-align: center;
+  padding: 20px;
+  color: #666;
+  font-weight: normal;
+  font-size: 16px;
+  line-height: 36px;
+}
diff --git a/app/assets/stylesheets/generic/buttons.scss b/app/assets/stylesheets/generic/buttons.scss
index 4cb41a79ff00770013092546d2c8f9ad23850089..dab1cc382d9148883c2b86a4653b91830b1ee800 100644
--- a/app/assets/stylesheets/generic/buttons.scss
+++ b/app/assets/stylesheets/generic/buttons.scss
@@ -158,6 +158,14 @@
       color: #468847;
     }
   }
+
+  &.btn-grouped {
+    margin-right: 7px;
+    float: left;
+    &:last-child {
+      margin-right: 0px;
+    }
+  }
 }
 
 .btn-block {
@@ -169,16 +177,5 @@
   }
 }
 
-.btn,
-.btn-group {
-  &.grouped {
-    margin-right: 7px;
-    float: left;
-    &:last-child {
-      margin-right: 0px;
-    }
-  }
-}
-
 .btn-group-small > .btn { @extend .btn.btn-small; }
 .btn-group-tiny > .btn { @extend .btn.btn-tiny; }
diff --git a/app/assets/stylesheets/generic/common.scss b/app/assets/stylesheets/generic/common.scss
index 7afa74400c98982f58bc4ba7062e5c1aa06b75a5..6183cefa594979237ab34fd8f58b40c26b977486 100644
--- a/app/assets/stylesheets/generic/common.scss
+++ b/app/assets/stylesheets/generic/common.scss
@@ -11,8 +11,6 @@
 .bgred { background: #F2DEDE!important }
 
 /** COMMON CLASSES **/
-.left { float:left }
-
 .prepend-top-10 { margin-top:10px }
 .prepend-top-20 { margin-top:20px }
 .prepend-left-10 { margin-left:10px }
@@ -24,32 +22,9 @@
 .append-bottom-20 { margin-bottom:20px }
 .inline { display: inline-block }
 
-.padded { padding:20px }
-.ipadded { padding:20px!important }
-.lborder { border-left:1px solid #eee }
-.underlined_link { text-decoration: underline; }
+.underlined-link { text-decoration: underline; }
 .hint { font-style: italic; color: #999; }
 .light { color: #888 }
-.tiny { font-weight: normal }
-.vtop { vertical-align: top !important; }
-
-
-/** ALERT MESSAGES **/
-.alert.alert-disabled {
-  background: #EEE;
-  color: #777;
-  border-color: #DDD;
-}
-
-/** HELPERS **/
-.nothing_here_message {
-  text-align: center;
-  padding: 20px;
-  color: #666;
-  font-weight: normal;
-  font-size: 16px;
-  line-height: 36px;
-}
 
 .slead {
   color: #666;
@@ -59,53 +34,23 @@
   line-height: 24px;
 }
 
-
 .tab-content {
   overflow: visible;
 }
 
-@media (max-width: 1200px) {
-  .only-wide {
-    display: none;
-  }
-}
-
-pre.well-pre {
-  border: 1px solid #EEE;
-  background: #f9f9f9;
-  border-radius: 0;
-  color: #555;
-}
-
-.input-append .btn.active, .input-prepend .btn.active {
-  background: #CCC;
-  border-color: #BBB;
-  text-shadow: 0 1px 1px #fff;
-  font-weight: bold;
-  @include box-shadow(inset 0 2px 4px rgba(0,0,0,.15));
-}
-
-/** Big Labels **/
-.state-label {
-  font-size: 14px;
-  padding: 9px 25px;
-  text-align: center;
-  text-shadow: none;
-  margin-right: 20px;
-
-  &.state-label-blue {
-    background: #31708f;
-    color: #FFF;
-  }
-
-  &.state-label-green {
-    background: #4A4;
-    color: #FFF;
+pre {
+  &.clean {
+    background: none;
+    border: none;
+    margin: 0;
+    padding: 0;
   }
 
-  &.state-label-red {
-    background: #DA4E49;
-    color: #FFF;
+  &.well-pre {
+    border: 1px solid #EEE;
+    background: #f9f9f9;
+    border-radius: 0;
+    color: #555;
   }
 }
 
@@ -135,31 +80,6 @@ pre.well-pre {
 }
 
 /** FLASH message **/
-.flash-container {
-  display: none;
-  cursor: pointer;
-  margin: 0;
-  text-align: center;
-  color: #fff;
-  font-size: 14px;
-  position: fixed;
-  bottom: 0;
-  width: 100%;
-  opacity: 0.8;
-  z-index: 100;
-
-  .flash-notice {
-    background: #49C;
-    padding: 10px;
-    text-shadow: 0 1px 1px #178;
-  }
-
-  .flash-alert {
-    background: #C67;
-    text-shadow: 0 1px 1px #945;
-    padding: 10px;
-  }
-}
 .author_link {
   color: $link_color;
 }
@@ -279,22 +199,6 @@ li.note {
   cursor: pointer;
 }
 
-.merge-request,
-.issue {
-  &.today{
-    background: #EFE;
-    border-color: #CEC;
-  }
-  &.closed {
-    background: #F5f5f5;
-    border-color: #E5E5E5;
-  }
-  &.merged {
-    background: #F5f5f5;
-    border-color: #E5E5E5;
-  }
-}
-
 .git_error_tips {
   @extend .col-md-6;
   text-align: left;
@@ -358,15 +262,6 @@ li.note {
   }
 }
 
-pre {
-  &.clean {
-    background: none;
-    border: none;
-    margin: 0;
-    padding: 0;
-  }
-}
-
 .milestone {
   &.milestone-closed {
     background: #eee;
@@ -450,40 +345,6 @@ table {
   margin-bottom: 20px;
 }
 
-.ajax-users-select {
-  width: 400px;
-
-  &.input-large {
-    width: 210px;
-  }
-
-  &.input-clamp {
-    max-width: 100%;
-  }
-}
-
-.user-result {
-  .user-image {
-    float: left;
-  }
-  .user-name {
-  }
-  .user-username {
-    color: #999;
-  }
-}
-
-.namespace-result {
-  .namespace-kind {
-    color: #AAA;
-    font-weight: normal;
-  }
-  .namespace-path {
-    margin-left: 10px;
-    font-weight: bolder;
-  }
-}
-
 .btn-sign-in {
   margin-top: 7px;
   text-shadow: none;
diff --git a/app/assets/stylesheets/generic/flash.scss b/app/assets/stylesheets/generic/flash.scss
new file mode 100644
index 0000000000000000000000000000000000000000..95d28aaef6c018b5fd3a06e35629273bc428df4b
--- /dev/null
+++ b/app/assets/stylesheets/generic/flash.scss
@@ -0,0 +1,25 @@
+.flash-container {
+  display: none;
+  cursor: pointer;
+  margin: 0;
+  text-align: center;
+  color: #fff;
+  font-size: 14px;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  opacity: 0.8;
+  z-index: 100;
+
+  .flash-notice {
+    background: #49C;
+    padding: 10px;
+    text-shadow: 0 1px 1px #178;
+  }
+
+  .flash-alert {
+    background: #C67;
+    text-shadow: 0 1px 1px #945;
+    padding: 10px;
+  }
+}
diff --git a/app/assets/stylesheets/generic/issue_box.scss b/app/assets/stylesheets/generic/issue_box.scss
index 0e0a365a82d0d51a6dbe2b90ab4b48b7f8efeb5f..98062fc0a86b271028d73a1dd84b34e1e0e4e296 100644
--- a/app/assets/stylesheets/generic/issue_box.scss
+++ b/app/assets/stylesheets/generic/issue_box.scss
@@ -48,4 +48,27 @@
       margin: 0;
     }
   }
+
+  .state-label {
+    font-size: 14px;
+    padding: 9px 25px;
+    text-align: center;
+    text-shadow: none;
+    margin-right: 20px;
+
+    &.state-label-blue {
+      background: #31708f;
+      color: #FFF;
+    }
+
+    &.state-label-green {
+      background: #4A4;
+      color: #FFF;
+    }
+
+    &.state-label-red {
+      background: #DA4E49;
+      color: #FFF;
+    }
+  }
 }
diff --git a/app/assets/stylesheets/generic/selects.scss b/app/assets/stylesheets/generic/selects.scss
index 7ee1fec4e0394677f95d11e5366442e3a97524a5..03597c1fc7d622d9a6008c044147c97d3ffff33b 100644
--- a/app/assets/stylesheets/generic/selects.scss
+++ b/app/assets/stylesheets/generic/selects.scss
@@ -87,3 +87,37 @@ select {
     padding-top: 4px;
   }
 }
+
+.ajax-users-select {
+  width: 400px;
+
+  &.input-large {
+    width: 210px;
+  }
+
+  &.input-clamp {
+    max-width: 100%;
+  }
+}
+
+.user-result {
+  .user-image {
+    float: left;
+  }
+  .user-name {
+  }
+  .user-username {
+    color: #999;
+  }
+}
+
+.namespace-result {
+  .namespace-kind {
+    color: #AAA;
+    font-weight: normal;
+  }
+  .namespace-path {
+    margin-left: 10px;
+    font-weight: bolder;
+  }
+}
diff --git a/app/assets/stylesheets/sections/issues.scss b/app/assets/stylesheets/sections/issues.scss
index 4cb8117633b6e20b59a1940fae12fbea20728fed..d4f8c8108abda6143772f9eece42e0ae7c3e6fe8 100644
--- a/app/assets/stylesheets/sections/issues.scss
+++ b/app/assets/stylesheets/sections/issues.scss
@@ -125,3 +125,21 @@
 form.edit-issue {
   margin: 0;
 }
+
+.merge-request,
+.issue {
+  &.today {
+    background: #EFE;
+    border-color: #CEC;
+  }
+
+  &.closed {
+    background: #F5f5f5;
+    border-color: #E5E5E5;
+  }
+
+  &.merged {
+    background: #F5f5f5;
+    border-color: #E5E5E5;
+  }
+}
diff --git a/app/views/admin/projects/index.html.haml b/app/views/admin/projects/index.html.haml
index 940a539d5e14b5dab7a5077a3ce1cc77dea88855..5f19d21f1061b79c455fd49fee5ef5080ef79f1c 100644
--- a/app/views/admin/projects/index.html.haml
+++ b/app/views/admin/projects/index.html.haml
@@ -53,5 +53,5 @@
               = link_to 'Edit', edit_project_path(project), id: "edit_#{dom_id(project)}", class: "btn btn-small"
               = link_to 'Destroy', [project], data: { confirm: remove_project_message(project) }, method: :delete, class: "btn btn-small btn-remove"
         - if @projects.blank?
-          %p.nothing_here_message 0 projects matches
+          .nothing-here-block 0 projects matches
     = paginate @projects, theme: "gitlab"
diff --git a/app/views/admin/users/show.html.haml b/app/views/admin/users/show.html.haml
index e888358dc63932e6551a85e6f56d35623e7c69d6..d66119e2712c9cbf8350b2498f076e8fd73ead43 100644
--- a/app/views/admin/users/show.html.haml
+++ b/app/views/admin/users/show.html.haml
@@ -7,7 +7,7 @@
     %span.cred (Admin)
 
   .pull-right
-    = link_to edit_admin_user_path(@user), class: "btn grouped" do
+    = link_to edit_admin_user_path(@user), class: "btn btn-grouped" do
       %i.icon-edit
       Edit
 %hr
diff --git a/app/views/dashboard/_activities.html.haml b/app/views/dashboard/_activities.html.haml
index 39dd600dba3168b9e594fe208ccdbb0b5e712ab2..fdf96dd6f562c577a50b6f0ded048e4a0edb1abe 100644
--- a/app/views/dashboard/_activities.html.haml
+++ b/app/views/dashboard/_activities.html.haml
@@ -4,6 +4,6 @@
 - if @events.any?
   .content_list
 - else
-  %p.nothing_here_message Projects activity will be displayed here
+  .nothing-here-block Projects activity will be displayed here
 
 = spinner
diff --git a/app/views/dashboard/_groups.html.haml b/app/views/dashboard/_groups.html.haml
index 2ff1c33c53affc7010f38bf186a387660dafa6ce..a6bc946bedc3b7fed72b56e868155683866cf3b5 100644
--- a/app/views/dashboard/_groups.html.haml
+++ b/app/views/dashboard/_groups.html.haml
@@ -17,4 +17,4 @@
             %i.icon-angle-right
     - if groups.blank?
       %li
-        %h3.nothing_here_message You have no groups yet.
+        .nothing-here-block You have no groups yet.
diff --git a/app/views/dashboard/_projects.html.haml b/app/views/dashboard/_projects.html.haml
index 8313cc07b5e47505e4eb70f973453809f008c28a..44c7a4b8c801a7cdba828b65a1be187bc31cebb0 100644
--- a/app/views/dashboard/_projects.html.haml
+++ b/app/views/dashboard/_projects.html.haml
@@ -14,7 +14,7 @@
 
     - if projects.blank?
       %li
-        %h3.nothing_here_message There are no projects here.
+        .nothing-here-block There are no projects here.
     - if @projects_count > @projects_limit
       %li.bottom
         %span.light
diff --git a/app/views/dashboard/projects.html.haml b/app/views/dashboard/projects.html.haml
index 8feef97c7328c9680195190d3c0d8ac2d1c7fb47..e1c9a5941e9d2352815ad4f487294fa08b56c375 100644
--- a/app/views/dashboard/projects.html.haml
+++ b/app/views/dashboard/projects.html.haml
@@ -67,7 +67,7 @@
 
         - if @projects.blank?
           %li
-            %h3.nothing_here_message There are no projects here.
+            .nothing-here-block There are no projects here.
     .bottom
       = paginate @projects, theme: "gitlab"
 
diff --git a/app/views/groups/_filter.html.haml b/app/views/groups/_filter.html.haml
index 9fbc6c190cc16b867c15a7c365e0f071f35fbe13..fe8c0669c0e1ce9f2a1b106e05a8f596bf69e686 100644
--- a/app/views/groups/_filter.html.haml
+++ b/app/views/groups/_filter.html.haml
@@ -21,7 +21,7 @@
               = project.name_with_namespace
               %small.pull-right= entities_per_project(project, entity)
       - if @projects.blank?
-        %p.nothing_here_message This group has no projects yet
+        .nothing-here-block This group has no projects yet
 
   %fieldset
     %hr
diff --git a/app/views/groups/_projects.html.haml b/app/views/groups/_projects.html.haml
index 029d6cb0efa98fa89483e3d5cfdaeec9aedb80b1..bd4e3156af09b18e4f7e11b27f414cd72ff98742 100644
--- a/app/views/groups/_projects.html.haml
+++ b/app/views/groups/_projects.html.haml
@@ -8,7 +8,7 @@
           New project
   %ul.well-list
     - if projects.blank?
-      %p.nothing_here_message This groups has no projects yet
+      .nothing-here-block This groups has no projects yet
     - projects.each do |project|
       %li.project-row
         = link_to project_path(project), class: dom_class(project) do
diff --git a/app/views/groups/edit.html.haml b/app/views/groups/edit.html.haml
index f14fe923402e97e8844f1c36f34af4eb3ea4a8fa..9308bd8124e024d800273a04fe8cf55a982f4e02 100644
--- a/app/views/groups/edit.html.haml
+++ b/app/views/groups/edit.html.haml
@@ -80,7 +80,7 @@
                   = link_to 'Edit', edit_project_path(project), id: "edit_#{dom_id(project)}", class: "btn btn-small"
                   = link_to 'Remove', project, data: { confirm: remove_project_message(project)}, method: :delete, class: "btn btn-small btn-remove"
             - if @group.projects.blank?
-              %p.nothing_here_message This group has no projects yet
+              .nothing-here-block This group has no projects yet
 
       .tab-pane#tab-remove
         .ui-box.ui-box-danger
diff --git a/app/views/groups/show.html.haml b/app/views/groups/show.html.haml
index 6256c047929b53704ab5eba6777ca014024d3d64..a2d62d64f35129a47dc360f531b7f86899e2fa06 100644
--- a/app/views/groups/show.html.haml
+++ b/app/views/groups/show.html.haml
@@ -10,7 +10,7 @@
     - if @events.any?
       .content_list
     - else
-      %p.nothing_here_message Project activity will be displayed here
+      .nothing-here-block Project activity will be displayed here
     = spinner
   .side.col-md-4
     .light-well.append-bottom-20
diff --git a/app/views/profiles/groups/index.html.haml b/app/views/profiles/groups/index.html.haml
index eefebf98c5182d202a3b5118936e2ba6ef13abf5..cebc0b6bccb29589d1a30b92baaf3214b97e74c5 100644
--- a/app/views/profiles/groups/index.html.haml
+++ b/app/views/profiles/groups/index.html.haml
@@ -18,12 +18,12 @@
       %li
         .pull-right
           - if can?(current_user, :manage_group, group)
-            = link_to edit_group_path(group), class: "btn-small btn grouped" do
+            = link_to edit_group_path(group), class: "btn-small btn btn-grouped" do
               %i.icon-cogs
               Settings
 
           - if can?(current_user, :destroy, user_group)
-            = link_to leave_profile_group_path(group), data: { confirm: leave_group_message(group.name) }, method: :delete, class: "btn-small btn grouped", title: 'Remove user from group' do
+            = link_to leave_profile_group_path(group), data: { confirm: leave_group_message(group.name) }, method: :delete, class: "btn-small btn btn-grouped", title: 'Remove user from group' do
               %i.icon-signout
               Leave
 
diff --git a/app/views/profiles/keys/index.html.haml b/app/views/profiles/keys/index.html.haml
index 79fdb164089cde6040e46235d913ee83805e0681..71a4ca91d4297ae19b7fa942a027e1c19042ea7d 100644
--- a/app/views/profiles/keys/index.html.haml
+++ b/app/views/profiles/keys/index.html.haml
@@ -17,6 +17,6 @@
     = render @keys
     - if @keys.blank?
       %li
-        %h3.nothing_here_message There are no SSH keys with access to your account.
+        .nothing-here-block There are no SSH keys with access to your account.
 
 
diff --git a/app/views/projects/blob/_text.html.haml b/app/views/projects/blob/_text.html.haml
index 080a39ab944787ded2f9e6e976b98e9bbb2e3842..7cbea7c3eb6b8925994fbafe3566c8d7935647d4 100644
--- a/app/views/projects/blob/_text.html.haml
+++ b/app/views/projects/blob/_text.html.haml
@@ -10,4 +10,4 @@
     - unless blob.empty?
       = render 'shared/file_hljs', blob: blob
     - else
-      %p.nothing_here_message Empty file
+      .nothing-here-block Empty file
diff --git a/app/views/projects/branches/_branch.html.haml b/app/views/projects/branches/_branch.html.haml
index 902dfcea314a08f0e81c04b1e7f9fe72425a405c..d0b3668bb42b1639e58ff378c84ecbf6e0b1acba 100644
--- a/app/views/projects/branches/_branch.html.haml
+++ b/app/views/projects/branches/_branch.html.haml
@@ -12,12 +12,12 @@
       - if can?(current_user, :download_code, @project)
         = render 'projects/repositories/download_archive', ref: branch.name, btn_class: 'grouped btn-group-small'
       - if branch.name != @repository.root_ref
-        = link_to project_compare_index_path(@project, from: @repository.root_ref, to: branch.name), class: 'btn grouped btn-small', method: :post, title: "Compare" do
+        = link_to project_compare_index_path(@project, from: @repository.root_ref, to: branch.name), class: 'btn btn-grouped btn-small', method: :post, title: "Compare" do
           %i.icon-copy
           Compare
 
       - if can?(current_user, :admin_project, @project) && branch.name != @repository.root_ref
-        = link_to project_branch_path(@project, branch.name), class: 'btn grouped btn-small remove-row', method: :delete, data: { confirm: 'Removed branch cannot be restored. Are you sure?'}, remote: true do
+        = link_to project_branch_path(@project, branch.name), class: 'btn btn-grouped btn-small remove-row', method: :delete, data: { confirm: 'Removed branch cannot be restored. Are you sure?'}, remote: true do
           %i.icon-trash
 
   - if commit
diff --git a/app/views/projects/commit/_commit_box.html.haml b/app/views/projects/commit/_commit_box.html.haml
index 3d666807cf995f00af2ccaca5fae0ab6ea3fbd93..3813471831c568348bf49e542b66fc27aa80c506 100644
--- a/app/views/projects/commit/_commit_box.html.haml
+++ b/app/views/projects/commit/_commit_box.html.haml
@@ -12,7 +12,7 @@
       %ul.dropdown-menu
         %li= link_to "Email Patches", project_commit_path(@project, @commit, format: :patch)
         %li= link_to "Plain Diff",    project_commit_path(@project, @commit, format: :diff)
-    = link_to project_tree_path(@project, @commit), class: "btn btn-primary grouped" do
+    = link_to project_tree_path(@project, @commit), class: "btn btn-primary btn-grouped" do
       %span Browse Code ยป
   %div
 
diff --git a/app/views/projects/commits/_diffs.html.haml b/app/views/projects/commits/_diffs.html.haml
index 0fd04f32ba8a15a53fba5586e0e94f14ea12d6d0..ebd5e4e3a521bcf2cd6b164ebd34a46de9bd127f 100644
--- a/app/views/projects/commits/_diffs.html.haml
+++ b/app/views/projects/commits/_diffs.html.haml
@@ -8,18 +8,18 @@
       - if current_controller?(:commit) or current_controller?(:merge_requests)
         Please, download the diff as
         - if current_controller?(:commit)
-          = link_to "plain diff", project_commit_path(@project, @commit, format: :diff), class: "underlined_link"
+          = link_to "plain diff", project_commit_path(@project, @commit, format: :diff), class: "underlined-link"
           or
-          = link_to "email patch", project_commit_path(@project, @commit, format: :patch), class: "underlined_link"
+          = link_to "email patch", project_commit_path(@project, @commit, format: :patch), class: "underlined-link"
         - else
-          = link_to "plain diff", project_merge_request_path(@project, @merge_request, format: :diff), class: "underlined_link"
+          = link_to "plain diff", project_merge_request_path(@project, @merge_request, format: :diff), class: "underlined-link"
           or
-          = link_to "email patch", project_merge_request_path(@project, @merge_request, format: :patch), class: "underlined_link"
+          = link_to "email patch", project_merge_request_path(@project, @merge_request, format: :patch), class: "underlined-link"
         instead.
     - unless @force_suppress_diff
       %p
         If you still want to see the diff
-        = link_to "click this link", url_for(force_show_diff: true), class: "underlined_link"
+        = link_to "click this link", url_for(force_show_diff: true), class: "underlined-link"
 
 %p.commit-stat-summary
   Showing
@@ -82,4 +82,4 @@
             - old_file = project.repository.blob_at(@commit.parent_id, diff.old_path) if @commit.parent_id
             = render "projects/commits/image", diff: diff, old_file: old_file, file: file, index: i
           - else
-            %p.nothing_here_message No preview for this file type
+            .nothing-here-block No preview for this file type
diff --git a/app/views/projects/deploy_keys/index.html.haml b/app/views/projects/deploy_keys/index.html.haml
index 90d86102acac37626453e473187d7e68280bafdc..f50aeba337a4715079c3e6ec93d7afbebd7574a9 100644
--- a/app/views/projects/deploy_keys/index.html.haml
+++ b/app/views/projects/deploy_keys/index.html.haml
@@ -20,7 +20,7 @@
       = render @enabled_keys
       - if @enabled_keys.blank?
         .light-well
-          %p.nothing_here_message Create a #{link_to 'new deploy key', new_project_deploy_key_path(@project)} or add an existing one
+          .nothing-here-block Create a #{link_to 'new deploy key', new_project_deploy_key_path(@project)} or add an existing one
   .col-md-6.available-keys
     %h5
       %strong Deploy keys
@@ -29,4 +29,4 @@
       = render @available_keys
       - if @available_keys.blank?
         .light-well
-          %p.nothing_here_message Deploy keys from projects you have access to will be displayed here
+          .nothing-here-block Deploy keys from projects you have access to will be displayed here
diff --git a/app/views/projects/edit.html.haml b/app/views/projects/edit.html.haml
index b9cd5a20d50e9b444bd62468eae71779a78f3d9d..005d994806e895f98eec62b14cc7727f886a52ca 100644
--- a/app/views/projects/edit.html.haml
+++ b/app/views/projects/edit.html.haml
@@ -93,10 +93,11 @@
 
 
 
-    %center.light.prepend-top-20.padded
+    .centered-light-block
       %h3
         %i.icon-warning-sign
         Dangerous settings
+
       %p Project settings below may result in data loss!
       = link_to '#', class: 'btn js-toggle-visibility-link' do
         Show it to me
@@ -132,7 +133,7 @@
                   data: { confirm: "Are you sure that you want to archive this project?\nAn archived project cannot be committed to." },
                   method: :post, class: "btn btn-remove"
       - else
-        %p.nothing_here_message Only the project owner can archive a project
+        .nothing-here-block Only the project owner can archive a project
 
       - if can?(current_user, :change_namespace, @project)
         .ui-box.ui-box-danger
@@ -153,7 +154,7 @@
               .form-actions
                 = f.submit 'Transfer', class: "btn btn-remove"
       - else
-        %p.nothing_here_message Only the project owner can transfer a project
+        .nothing-here-block Only the project owner can transfer a project
 
       .ui-box.ui-box-danger
         .title Rename repository
@@ -185,7 +186,7 @@
 
             = link_to 'Remove project', @project, data: { confirm: remove_project_message(@project) }, method: :delete, class: "btn btn-remove"
       - else
-        %p.nothing_here_message Only project owner can remove a project
+        .nothing-here-block Only project owner can remove a project
 
 .save-project-loader.hide
   %center
diff --git a/app/views/projects/hooks/index.html.haml b/app/views/projects/hooks/index.html.haml
index a095fd06d2f326d368ed12708e63a3a35b6d9740..00e5ae2777915a0037dc71fab03e803fe1d49f7d 100644
--- a/app/views/projects/hooks/index.html.haml
+++ b/app/views/projects/hooks/index.html.haml
@@ -51,8 +51,8 @@
       - @hooks.each do |hook|
         %li
           .pull-right
-            = link_to 'Test Hook', test_project_hook_path(@project, hook), class: "btn btn-small grouped"
-            = link_to 'Remove', project_hook_path(@project, hook), data: { confirm: 'Are you sure?'}, method: :delete, class: "btn btn-remove btn-small grouped"
+            = link_to 'Test Hook', test_project_hook_path(@project, hook), class: "btn btn-small btn-grouped"
+            = link_to 'Remove', project_hook_path(@project, hook), data: { confirm: 'Are you sure?'}, method: :delete, class: "btn btn-remove btn-small btn-grouped"
           .clearfix
             %span.monospace= hook.url
           %p
diff --git a/app/views/projects/issues/_issue.html.haml b/app/views/projects/issues/_issue.html.haml
index 1bd93b774f1353899d5f477a4b8118d31a5a11b3..3fc04c26cf2ef67179a22ea96d010af17440ab41 100644
--- a/app/views/projects/issues/_issue.html.haml
+++ b/app/views/projects/issues/_issue.html.haml
@@ -38,10 +38,10 @@
   .issue-actions
     - if can? current_user, :modify_issue, issue
       - if issue.closed?
-        = link_to 'Reopen', project_issue_path(issue.project, issue, issue: {state_event: :reopen }, status_only: true), method: :put,  class: "btn btn-small grouped reopen_issue", remote: true
+        = link_to 'Reopen', project_issue_path(issue.project, issue, issue: {state_event: :reopen }, status_only: true), method: :put,  class: "btn btn-small btn-grouped reopen_issue", remote: true
       - else
-        = link_to 'Close', project_issue_path(issue.project, issue, issue: {state_event: :close }, status_only: true), method: :put, class: "btn btn-small grouped close_issue", remote: true
-      = link_to edit_project_issue_path(issue.project, issue), class: "btn btn-small edit-issue-link grouped" do
+        = link_to 'Close', project_issue_path(issue.project, issue, issue: {state_event: :close }, status_only: true), method: :put, class: "btn btn-small btn-grouped close_issue", remote: true
+      = link_to edit_project_issue_path(issue.project, issue), class: "btn btn-small edit-issue-link btn-grouped" do
         %i.icon-edit
         Edit
 
diff --git a/app/views/projects/issues/_issues.html.haml b/app/views/projects/issues/_issues.html.haml
index 2d69af0b2d11032af2c8f14c7000523805f9544e..3b5e398c3273e5150b9023a840fc63b9151868c9 100644
--- a/app/views/projects/issues/_issues.html.haml
+++ b/app/views/projects/issues/_issues.html.haml
@@ -66,7 +66,7 @@
     = render @issues
     - if @issues.blank?
       %li
-        %h4.nothing_here_message No issues to show
+        .nothing-here-block No issues to show
 
 - if @issues.present?
   .pull-right
diff --git a/app/views/projects/issues/show.html.haml b/app/views/projects/issues/show.html.haml
index 7aa37eda9652a14d7b45d1adda7672e889405178..dcdad7e05cb9ead4fe3a748d3b2883ff2255a665 100644
--- a/app/views/projects/issues/show.html.haml
+++ b/app/views/projects/issues/show.html.haml
@@ -3,16 +3,16 @@
 
   %span.pull-right
     - if can?(current_user, :write_issue, @project)
-      = link_to new_project_issue_path(@project), class: "btn grouped", title: "New Issue", id: "new_issue_link" do
+      = link_to new_project_issue_path(@project), class: "btn btn-grouped", title: "New Issue", id: "new_issue_link" do
         %i.icon-plus
         New Issue
     - if can?(current_user, :modify_issue, @issue)
       - if @issue.closed?
-        = link_to 'Reopen', project_issue_path(@project, @issue, issue: {state_event: :reopen }, status_only: true), method: :put,  class: "btn grouped btn-reopen"
+        = link_to 'Reopen', project_issue_path(@project, @issue, issue: {state_event: :reopen }, status_only: true), method: :put,  class: "btn btn-grouped btn-reopen"
       - else
-        = link_to 'Close', project_issue_path(@project, @issue, issue: {state_event: :close }, status_only: true), method: :put, class: "btn grouped btn-close", title: "Close Issue"
+        = link_to 'Close', project_issue_path(@project, @issue, issue: {state_event: :close }, status_only: true), method: :put, class: "btn btn-grouped btn-close", title: "Close Issue"
 
-      = link_to edit_project_issue_path(@project, @issue), class: "btn grouped" do
+      = link_to edit_project_issue_path(@project, @issue), class: "btn btn-grouped" do
         %i.icon-edit
         Edit
 
@@ -55,9 +55,9 @@
 - content_for :note_actions do
   - if can?(current_user, :modify_issue, @issue)
     - if @issue.closed?
-      = link_to 'Reopen Issue', project_issue_path(@project, @issue, issue: {state_event: :reopen }, status_only: true), method: :put,  class: "btn grouped btn-reopen"
+      = link_to 'Reopen Issue', project_issue_path(@project, @issue, issue: {state_event: :reopen }, status_only: true), method: :put,  class: "btn btn-grouped btn-reopen"
     - else
-      = link_to 'Close Issue', project_issue_path(@project, @issue, issue: {state_event: :close }, status_only: true), method: :put, class: "btn grouped btn-close", title: "Close Issue"
+      = link_to 'Close Issue', project_issue_path(@project, @issue, issue: {state_event: :close }, status_only: true), method: :put, class: "btn btn-grouped btn-close", title: "Close Issue"
 
 .participants
   %cite.cgray #{@issue.participants.count} participants
diff --git a/app/views/projects/labels/index.html.haml b/app/views/projects/labels/index.html.haml
index a058d09a1ce9aa58cef008bd8ccd5c74d50d1c72..329cf9ceba8b65cc3b8bdbeb54c5890bc2f7a033 100644
--- a/app/views/projects/labels/index.html.haml
+++ b/app/views/projects/labels/index.html.haml
@@ -7,4 +7,4 @@
 
 - else
   .light-well
-    %h3.nothing_here_message Add first label to your issues or #{link_to 'generate', generate_project_labels_path(@project), method: :post} default set of labels
+    .nothing-here-block Add first label to your issues or #{link_to 'generate', generate_project_labels_path(@project), method: :post} default set of labels
diff --git a/app/views/projects/merge_requests/_show.html.haml b/app/views/projects/merge_requests/_show.html.haml
index ec9249be00dd0e40bddbc6304ec28874f0a2f730..c82afeb10c1afe8e1bbca9083ed48f526d1eb168 100644
--- a/app/views/projects/merge_requests/_show.html.haml
+++ b/app/views/projects/merge_requests/_show.html.haml
@@ -25,7 +25,7 @@
   - content_for :note_actions do
     - if can?(current_user, :modify_merge_request, @merge_request)
       - unless @merge_request.closed?
-        = link_to 'Close', project_merge_request_path(@project, @merge_request, merge_request: {state_event: :close }), method: :put, class: "btn grouped btn-close", title: "Close merge request"
+        = link_to 'Close', project_merge_request_path(@project, @merge_request, merge_request: {state_event: :close }), method: :put, class: "btn btn-grouped btn-close", title: "Close merge request"
 
 
   .notes.tab-content.voting_notes#notes{ class: (controller.action_name == 'show') ? "" : "hide" }
diff --git a/app/views/projects/merge_requests/index.html.haml b/app/views/projects/merge_requests/index.html.haml
index d45bec3a2395a79a77a29ea697e656d45519ee6a..34faebf619c6faebd57f4e833eeaf07b7e79f9b0 100644
--- a/app/views/projects/merge_requests/index.html.haml
+++ b/app/views/projects/merge_requests/index.html.haml
@@ -65,7 +65,7 @@
         = render @merge_requests
         - if @merge_requests.blank?
           %li
-            %h4.nothing_here_message No merge requests to show
+            .nothing-here-block No merge requests to show
     - if @merge_requests.present?
       .pull-right
         %span.cgray.pull-right #{@merge_requests.total_count} merge requests for this filter
diff --git a/app/views/projects/merge_requests/show/_commits.html.haml b/app/views/projects/merge_requests/show/_commits.html.haml
index 8ca1326c96ab66e88c3f4cc7b913798e335476e7..9b4271bbffcfeb326dd3971152b4808d982c5ae1 100644
--- a/app/views/projects/merge_requests/show/_commits.html.haml
+++ b/app/views/projects/merge_requests/show/_commits.html.haml
@@ -29,7 +29,7 @@
             = render "projects/commits/commit", commit: commit, project: @merge_request.source_project
 
 - else
-  %h4.nothing_here_message
+  .nothing-here-block
     Nothing to merge from
     %span.label-branch #{@merge_request.source_branch}
     to
diff --git a/app/views/projects/merge_requests/show/_diffs.html.haml b/app/views/projects/merge_requests/show/_diffs.html.haml
index 2917accdb5d0148c897b52b4dd397ff9f26c7926..7c4f43d2d80be6085a16bb4c2b6a7b9bcaffc961 100644
--- a/app/views/projects/merge_requests/show/_diffs.html.haml
+++ b/app/views/projects/merge_requests/show/_diffs.html.haml
@@ -1,7 +1,7 @@
 - if @merge_request_diff.collected?
   = render "projects/commits/diffs", diffs: @merge_request.diffs, project: @merge_request.source_project
 - elsif @merge_request_diff.empty?
-  %h4.nothing_here_message Nothing to merge from #{@merge_request.source_branch} into #{@merge_request.target_branch}
+  .nothing-here-block Nothing to merge from #{@merge_request.source_branch} into #{@merge_request.target_branch}
 - else
   .bs-callout.bs-callout-warning
     %h4
diff --git a/app/views/projects/merge_requests/show/_mr_title.html.haml b/app/views/projects/merge_requests/show/_mr_title.html.haml
index b27522e46a4e4957da874a53ea4788171f9982b2..613fe603a9a319f0289061060e256e986e5a351e 100644
--- a/app/views/projects/merge_requests/show/_mr_title.html.haml
+++ b/app/views/projects/merge_requests/show/_mr_title.html.haml
@@ -13,9 +13,9 @@
             %li= link_to "Email Patches", project_merge_request_path(@project, @merge_request, format: :patch)
             %li= link_to "Plain Diff",    project_merge_request_path(@project, @merge_request, format: :diff)
 
-        = link_to 'Close', project_merge_request_path(@project, @merge_request, merge_request: { state_event: :close }), method: :put, class: "btn grouped btn-close", title: "Close merge request"
+        = link_to 'Close', project_merge_request_path(@project, @merge_request, merge_request: { state_event: :close }), method: :put, class: "btn btn-grouped btn-close", title: "Close merge request"
 
-        = link_to edit_project_merge_request_path(@project, @merge_request), class: "btn grouped", id:"edit_merge_request" do
+        = link_to edit_project_merge_request_path(@project, @merge_request), class: "btn btn-grouped", id:"edit_merge_request" do
           %i.icon-edit
           Edit
 
diff --git a/app/views/projects/milestones/_milestone.html.haml b/app/views/projects/milestones/_milestone.html.haml
index 4dec3838d97bef90048f27e16ebe39dcb83878aa..5579659d60e9ca8b0e5675e5d0b5bce11595722a 100644
--- a/app/views/projects/milestones/_milestone.html.haml
+++ b/app/views/projects/milestones/_milestone.html.haml
@@ -1,7 +1,7 @@
 %li{class: "milestone milestone-#{milestone.closed? ? 'closed' : 'open'}", id: dom_id(milestone) }
   .pull-right
     - if can?(current_user, :admin_milestone, milestone.project) and milestone.active?
-      = link_to edit_project_milestone_path(milestone.project, milestone), class: "btn btn-small edit-milestone-link grouped" do
+      = link_to edit_project_milestone_path(milestone.project, milestone), class: "btn btn-small edit-milestone-link btn-grouped" do
         %i.icon-edit
         Edit
       = link_to 'Close Milestone', project_milestone_path(@project, milestone, milestone: {state_event: :close }), method: :put, remote: true, class: "btn btn-small btn-remove"
diff --git a/app/views/projects/milestones/index.html.haml b/app/views/projects/milestones/index.html.haml
index 6cfe4d287783181be69db2cc360b877a70758d42..3537650ad4395f704f7a72b9d86937d466a457c7 100644
--- a/app/views/projects/milestones/index.html.haml
+++ b/app/views/projects/milestones/index.html.haml
@@ -26,6 +26,6 @@
 
           - if @milestones.blank?
             %li
-              %h3.nothing_here_message No milestones to show
+              .nothing-here-block No milestones to show
 
       = paginate @milestones, theme: "gitlab"
diff --git a/app/views/projects/milestones/show.html.haml b/app/views/projects/milestones/show.html.haml
index 31eb5765fab124c847fb09d692a2ccf8f6ae9bf5..1487269a8d9ad221732de640aed89f1dbebb7a5a 100644
--- a/app/views/projects/milestones/show.html.haml
+++ b/app/views/projects/milestones/show.html.haml
@@ -3,21 +3,15 @@
   Milestone ##{@milestone.iid}
   %small
     = @milestone.expires_at
-  - if @milestone.closed?
-    %span.state-label.state-label-red Closed
-  - elsif @milestone.expired?
-    %span.state-label.state-label-red Expired
-  - else
-    %span.state-label.state-label-green Open
   .pull-right
     - if can?(current_user, :admin_milestone, @project)
-      = link_to edit_project_milestone_path(@project, @milestone), class: "btn grouped" do
+      = link_to edit_project_milestone_path(@project, @milestone), class: "btn btn-grouped" do
         %i.icon-edit
         Edit
       - if @milestone.active?
-        = link_to 'Close Milestone', project_milestone_path(@project, @milestone, milestone: {state_event: :close }), method: :put, class: "btn btn-remove grouped"
+        = link_to 'Close Milestone', project_milestone_path(@project, @milestone, milestone: {state_event: :close }), method: :put, class: "btn btn-remove btn-grouped"
       - else
-        = link_to 'Reopen Milestone', project_milestone_path(@project, @milestone, milestone: {state_event: :activate }), method: :put, class: "btn grouped"
+        = link_to 'Reopen Milestone', project_milestone_path(@project, @milestone, milestone: {state_event: :activate }), method: :put, class: "btn btn-grouped"
 
 - if @milestone.issues.any? && @milestone.can_be_closed?
   .alert.alert-success
@@ -29,6 +23,14 @@
 
 
 .issue-box
+  .state
+    - if @milestone.closed?
+      %span.state-label.state-label-red Closed
+    - elsif @milestone.expired?
+      %span.state-label.state-label-red Expired
+    - else
+      %span.state-label.state-label-green Open
+
   %h4.title
     = gfm escape_once(@milestone.title)
 
@@ -63,10 +65,10 @@
       %span.badge= @users.count
 
   .pull-right
-    = link_to new_project_issue_path(@project, issue: { milestone_id: @milestone.id }), class: "btn btn-small grouped", title: "New Issue" do
+    = link_to new_project_issue_path(@project, issue: { milestone_id: @milestone.id }), class: "btn btn-small btn-grouped", title: "New Issue" do
       %i.icon-plus
       New Issue
-    = link_to 'Browse Issues', project_issues_path(@milestone.project, milestone_id: @milestone.id), class: "btn btn-small edit-milestone-link grouped"
+    = link_to 'Browse Issues', project_issues_path(@milestone.project, milestone_id: @milestone.id), class: "btn btn-small edit-milestone-link btn-grouped"
 
 .tab-content
   .tab-pane.active#tab-issues
diff --git a/app/views/projects/notes/_form.html.haml b/app/views/projects/notes/_form.html.haml
index bcaedc8bd7ceac0269af462211a477ef7cf798e3..3db551e993b074a9e99af3d21c501ca3c5d419e8 100644
--- a/app/views/projects/notes/_form.html.haml
+++ b/app/views/projects/notes/_form.html.haml
@@ -22,7 +22,7 @@
 
   .note-form-actions
     .buttons
-      = f.submit 'Add Comment', class: "btn comment-btn grouped js-comment-button"
+      = f.submit 'Add Comment', class: "btn comment-btn btn-grouped js-comment-button"
       = yield(:note_actions)
 
       %a.btn.grouped.js-close-discussion-note-form Cancel
diff --git a/app/views/projects/protected_branches/index.html.haml b/app/views/projects/protected_branches/index.html.haml
index a32679a18db6cc8d62b43e94823725b4e481e74f..8b100766e97efd88cdb09eb7d28c5de05e7c6727 100644
--- a/app/views/projects/protected_branches/index.html.haml
+++ b/app/views/projects/protected_branches/index.html.haml
@@ -9,7 +9,7 @@
       %ul
         %li keep stable branches secured
         %li forced code review before merge to protected branches
-      %p Read more about project permissions #{link_to "here", help_permissions_path, class: "underlined_link"}
+      %p Read more about project permissions #{link_to "here", help_permissions_path, class: "underlined-link"}
 
     - if can? current_user, :admin_project, @project
       = form_for [@project, @protected_branch], html: { class: 'form-horizontal' } do |f|
diff --git a/app/views/projects/snippets/index.html.haml b/app/views/projects/snippets/index.html.haml
index c40f63d05b3ca706242c22fc164db61a45acc231..e60f9a44322d2ade2e2f0f8d4ef0e1d60fd6c168 100644
--- a/app/views/projects/snippets/index.html.haml
+++ b/app/views/projects/snippets/index.html.haml
@@ -12,4 +12,4 @@
   = render partial: "projects/snippets/snippet", collection: @snippets
   - if @snippets.empty?
     %li
-      %h3.nothing_here_message Nothing here.
+      .nothing-here-block Nothing here.
diff --git a/app/views/projects/tags/index.html.haml b/app/views/projects/tags/index.html.haml
index 2d53a5dd66a3ed6efeaa2034168438f405c518b7..53f3e67ff2cc5ee6159ca437dfc372b8438d7665 100644
--- a/app/views/projects/tags/index.html.haml
+++ b/app/views/projects/tags/index.html.haml
@@ -18,7 +18,7 @@
   = paginate @tags, theme: 'gitlab'
 
 - else
-  %h3.nothing_here_message
+  .nothing-here-block
     Repository has no tags yet.
     %br
     %small
diff --git a/app/views/projects/team_members/index.html.haml b/app/views/projects/team_members/index.html.haml
index acbe82919f17285d787bd4dc43d3387d6d179951..6eccaafe3dee713f3c56bd019a44e85f3bf21b69 100644
--- a/app/views/projects/team_members/index.html.haml
+++ b/app/views/projects/team_members/index.html.haml
@@ -3,9 +3,9 @@
 
   - if can? current_user, :admin_team_member, @project
     %span.pull-right
-      = link_to new_project_team_member_path(@project), class: "btn btn-new grouped", title: "New project member" do
+      = link_to new_project_team_member_path(@project), class: "btn btn-new btn-grouped", title: "New project member" do
         New project member
-      = link_to import_project_team_members_path(@project), class: "btn grouped", title: "Import members from another project" do
+      = link_to import_project_team_members_path(@project), class: "btn btn-grouped", title: "Import members from another project" do
         Import members
 
 %p.light
diff --git a/app/views/projects/walls/show.html.haml b/app/views/projects/walls/show.html.haml
index c6afec443f444059c3b9bddcfcb44300bedb9d85..3e3c7c4f8dd14949824f1155da4a4ec34655835d 100644
--- a/app/views/projects/walls/show.html.haml
+++ b/app/views/projects/walls/show.html.haml
@@ -9,7 +9,7 @@
           = f.text_area :note, size: 255, class: 'note_text js-note-text js-gfm-input turn-on'
         .note-form-actions
           .buttons
-            = f.submit 'Add Comment', class: "btn comment-btn grouped js-comment-button"
+            = f.submit 'Add Comment', class: "btn comment-btn btn-grouped js-comment-button"
 
           .note-form-option
             %a.choose-btn.btn.btn-small.js-choose-note-attachment-button
diff --git a/app/views/projects/wikis/_main_links.html.haml b/app/views/projects/wikis/_main_links.html.haml
index 1001bb10c4f51183b0f27df9d2bffe01526743ce..5dd769dcfe1f3dbddc2f65ec8d8ce2713d787020 100644
--- a/app/views/projects/wikis/_main_links.html.haml
+++ b/app/views/projects/wikis/_main_links.html.haml
@@ -1,8 +1,8 @@
 %span.pull-right
   - if (@wiki && @wiki.persisted?)
-    = link_to history_project_wiki_path(@project, @wiki), class: "btn grouped" do
+    = link_to history_project_wiki_path(@project, @wiki), class: "btn btn-grouped" do
       Page History
     - if can?(current_user, :write_wiki, @project)
-      = link_to edit_project_wiki_path(@project, @wiki), class: "btn grouped" do
+      = link_to edit_project_wiki_path(@project, @wiki), class: "btn btn-grouped" do
         %i.icon-edit
         Edit
diff --git a/app/views/public/projects/index.html.haml b/app/views/public/projects/index.html.haml
index 2fc93c5b74297ef1fde376b5c2fd134ed6cd97b5..624ec0b9b95e915a9c358a6a33f441cdd75a5bef 100644
--- a/app/views/public/projects/index.html.haml
+++ b/app/views/public/projects/index.html.haml
@@ -63,6 +63,6 @@
             %i.icon-warning-sign
             Empty repository
     - unless @projects.present?
-      %h3.nothing_here_message No public projects
+      .nothing-here-block No public projects
 
   = paginate @projects, theme: "gitlab"
diff --git a/app/views/shared/_issues.html.haml b/app/views/shared/_issues.html.haml
index 199000656fed6a6d89a9a689a943e072fc52a741..087b6632e8d1d7e34353faaadcb419d722964114 100644
--- a/app/views/shared/_issues.html.haml
+++ b/app/views/shared/_issues.html.haml
@@ -11,5 +11,5 @@
           = render 'projects/issues/issue', issue: issue
   = paginate @issues, theme: "gitlab"
 - else
-  %p.nothing_here_message No issues to show
+  .nothing-here-block No issues to show
 
diff --git a/app/views/shared/_merge_requests.html.haml b/app/views/shared/_merge_requests.html.haml
index ddad28339c8f7f5f15553373a703102b2c0722e8..f40b7be48640ad2d840a1140f87134cc3bbea99d 100644
--- a/app/views/shared/_merge_requests.html.haml
+++ b/app/views/shared/_merge_requests.html.haml
@@ -11,4 +11,4 @@
   = paginate @merge_requests, theme: "gitlab"
 
 - else
-  %h3.nothing_here_message No merge requests to show
+  .nothing-here-block No merge requests to show
diff --git a/app/views/snippets/_blob_content.html.haml b/app/views/snippets/_blob_content.html.haml
index 81055451b66ec7d6a796285af9e5601618ee8ba9..8cec6168ab83eeb07f6c0f0efa4a56da4641e378 100644
--- a/app/views/snippets/_blob_content.html.haml
+++ b/app/views/snippets/_blob_content.html.haml
@@ -11,4 +11,4 @@
       = render 'shared/file_hljs', blob: @snippet
 - else
   .file-content.code
-    %p.nothing_here_message Empty file
+    .nothing-here-block Empty file
diff --git a/app/views/snippets/_snippets.html.haml b/app/views/snippets/_snippets.html.haml
index 05365dd8b881cfa4ba1c7e9f8a330f1b8d026f42..40df42b6cf5805d73d67165769621f8528105eec 100644
--- a/app/views/snippets/_snippets.html.haml
+++ b/app/views/snippets/_snippets.html.haml
@@ -2,6 +2,6 @@
   = render partial: 'snippet', collection: @snippets
   - if @snippets.empty?
     %li
-      %h3.nothing_here_message Nothing here.
+      .nothing-here-block Nothing here.
 
 = paginate @snippets, theme: 'gitlab'
diff --git a/app/views/snippets/current_user_index.html.haml b/app/views/snippets/current_user_index.html.haml
index bf712b2c7e7e3f52cc80ba2d391d9014bf0f53cc..90ddc7198f6dfe3d38c79babb2eb29ea003ce4c4 100644
--- a/app/views/snippets/current_user_index.html.haml
+++ b/app/views/snippets/current_user_index.html.haml
@@ -1,9 +1,9 @@
 %h3.page-title
   My Snippets
   .pull-right
-    = link_to new_snippet_path, class: "btn btn-new grouped", title: "New Snippet" do
+    = link_to new_snippet_path, class: "btn btn-new btn-grouped", title: "New Snippet" do
       Add new snippet
-    = link_to snippets_path, class: "btn grouped"  do
+    = link_to snippets_path, class: "btn btn-grouped"  do
       Discover snippets
 
 %p.light
diff --git a/app/views/snippets/index.html.haml b/app/views/snippets/index.html.haml
index 2f6c914a159c07058cfdf103c440980407cb68da..cea2517a8e1cfa9b5aa6c5bc51bb946c150f0fcd 100644
--- a/app/views/snippets/index.html.haml
+++ b/app/views/snippets/index.html.haml
@@ -2,9 +2,9 @@
   Public snippets
 
   .pull-right
-    = link_to new_snippet_path, class: "btn btn-new grouped", title: "New Snippet" do
+    = link_to new_snippet_path, class: "btn btn-new btn-grouped", title: "New Snippet" do
       Add new snippet
-    = link_to user_snippets_path(current_user), class: "btn grouped"  do
+    = link_to user_snippets_path(current_user), class: "btn btn-grouped"  do
       My snippets
 
 %p.light