diff --git a/src/public/app/layouts/desktop_layout.js b/src/public/app/layouts/desktop_layout.js
index 4fbbe43c5..cc94a62a0 100644
--- a/src/public/app/layouts/desktop_layout.js
+++ b/src/public/app/layouts/desktop_layout.js
@@ -99,7 +99,7 @@ export default class DesktopLayout {
         return new RootContainer()
             .setParent(appContext)
             .optChild(launcherPaneIsHorizontal, new FlexContainer('row')
-                .child(tabBar)
+                .child(tabBar.class("full-width"))
                 .css('height', '40px')
             )
             .optChild(launcherPaneIsHorizontal, launcherPane)
diff --git a/src/public/app/widgets/tab_row.js b/src/public/app/widgets/tab_row.js
index 3437660ee..6ac6e177f 100644
--- a/src/public/app/widgets/tab_row.js
+++ b/src/public/app/widgets/tab_row.js
@@ -55,6 +55,10 @@ const TAB_ROW_TPL = `
         background: var(--main-background-color);
         overflow: hidden;
     }
+
+    .tab-row-widget.full-width {
+        background: var(--launcher-pane-background-color);
+    }
     
     .tab-row-widget * {
         box-sizing: inherit;