diff --git a/template/app/view/Viewport.js b/template/app/view/Viewport.js
index 49dd8870765c25be884988ad07810dbe8a7117dc..9236cac23bfeb19f15d7b1ef5cb15ee931c72494 100644
--- a/template/app/view/Viewport.js
+++ b/template/app/view/Viewport.js
@@ -87,6 +87,8 @@ Ext.define('Docs.view.Viewport', {
                                 height: 150,
                                 padding: '2 4 0 0',
                                 bodyPadding: '8 15 8 12',
+                                border: false,
+                                plain: true,
                                 split: true,
                                 listeners: {
                                     afterRender: function() {
diff --git a/template/resources/sass/viewport.scss b/template/resources/sass/viewport.scss
index 0548a697094b5fadf7b220b6ccad15fcbef86ad4..8f16d947c0b38f6ef498b994329a92dfc4e15b92 100644
--- a/template/resources/sass/viewport.scss
+++ b/template/resources/sass/viewport.scss
@@ -222,16 +222,7 @@ a {
     .x-grid-row-over td img {
       display: block; }
     .x-grid-cell-inner {
-      padding: 2px 2px 3px 2px; }
-    // plain:true of gridpanel does not work as intended for us,
-    // so use plain:false and style the tab-bar almost like plan
-    // by simply removing the background and borders.
-    .x-tab-bar {
-      background: transparent;
-      .x-tab-bar-body {
-        border: none;
-        // because we removed the border, push the tabs 2px (instead of 1px) lower.
-        padding-top: 2px; } } }
+      padding: 2px 2px 3px 2px; } }
   .x-splitter {
     background: #ccc;
     border-style: solid;