diff --git a/app/assets/javascripts/app/views/generic/tabs.jst.eco b/app/assets/javascripts/app/views/generic/tabs.jst.eco
index 32a353e6b..dca599ba1 100644
--- a/app/assets/javascripts/app/views/generic/tabs.jst.eco
+++ b/app/assets/javascripts/app/views/generic/tabs.jst.eco
@@ -10,13 +10,13 @@
   </div>
   <% end %>
 </div>
+<div class="page-tabs">
+  <ul class="nav nav-tabs" role="tablist">
+    <% for tab in @tabs: %>
+      <li><a href="#<%= tab.target %>" role="tab" data-toggle="tab"><%- @T( tab.name ) %></a></li>
+    <% end %>
+  </ul>
+</div>
 <div class="page-content">
-  <div class="page-tabs">
-    <ul class="nav nav-tabs" role="tablist">
-      <% for tab in @tabs: %>
-        <li><a href="#<%= tab.target %>" role="tab" data-toggle="tab"><%- @T( tab.name ) %></a></li>
-      <% end %>
-    </ul>
-  </div>
   <div class="tab-content"></div>
 </div>
\ No newline at end of file
diff --git a/app/assets/stylesheets/zammad.scss b/app/assets/stylesheets/zammad.scss
index c22ab7409..7b441268b 100644
--- a/app/assets/stylesheets/zammad.scss
+++ b/app/assets/stylesheets/zammad.scss
@@ -1832,8 +1832,7 @@ kbd {
 }
 
 .main--tabs .page-header {
-  background: hsl(200,12%,95%);
-  padding: 20px;
+  padding: 20px 20px 0;
   overflow: hidden;
   margin: 0;
 }
@@ -1844,9 +1843,9 @@ kbd {
 
 .page-tabs {
   display: flex;
-  margin: -20px -20px 30px;
-  padding: 0 20px;
-  background: hsl(200,12%,95%);
+  margin: 0 0 30px;
+  padding: 20px 20px 0;
+  background: linear-gradient(hsla(200,12%,94%,0), hsl(200,12%,94%));
   border-bottom: 1px solid hsl(200,12%,89%);
   
   .nav-tabs li.active {