diff --git a/src/public/app/layouts/desktop_layout.js b/src/public/app/layouts/desktop_layout.js
index e44d496fd..7f2156c01 100644
--- a/src/public/app/layouts/desktop_layout.js
+++ b/src/public/app/layouts/desktop_layout.js
@@ -99,7 +99,8 @@ export default class DesktopLayout {
         return new RootContainer(launcherPaneIsHorizontal)
             .setParent(appContext)
             .class((launcherPaneIsHorizontal ? "horizontal" : "vertical") + "-layout")
-            .optChild(launcherPaneIsHorizontal, new FlexContainer('row')               
+            .optChild(launcherPaneIsHorizontal, new FlexContainer('row')
+                .class("tab-row-container")
                 .child(new TabRowWidget().class("full-width"))
                 .child(new TitleBarButtonsWidget())
                 .css('height', '40px')
diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
index 16b43ab67..b0661215e 100644
--- a/src/public/stylesheets/theme-next.css
+++ b/src/public/stylesheets/theme-next.css
@@ -608,7 +608,8 @@ html body #left-pane .quick-search:focus-within .search-button:hover,
     height: var(--tab-bar-height) !important;
 }
 
-.tab-row-widget {
+.tab-row-widget,
+.tab-row-container {
     background: transparent !important;
     height: var(--tab-bar-height) !important;
 }