diff --git a/src/public/app/layouts/desktop_layout.js b/src/public/app/layouts/desktop_layout.js
index ea6bc3dfc..e44d496fd 100644
--- a/src/public/app/layouts/desktop_layout.js
+++ b/src/public/app/layouts/desktop_layout.js
@@ -98,6 +98,7 @@ export default class DesktopLayout {
 
         return new RootContainer(launcherPaneIsHorizontal)
             .setParent(appContext)
+            .class((launcherPaneIsHorizontal ? "horizontal" : "vertical") + "-layout")
             .optChild(launcherPaneIsHorizontal, new FlexContainer('row')               
                 .child(new TabRowWidget().class("full-width"))
                 .child(new TitleBarButtonsWidget())
diff --git a/src/public/app/layouts/mobile_layout.js b/src/public/app/layouts/mobile_layout.js
index 578e2d50c..adb542415 100644
--- a/src/public/app/layouts/mobile_layout.js
+++ b/src/public/app/layouts/mobile_layout.js
@@ -117,6 +117,7 @@ export default class MobileLayout {
 
         return new RootContainer(launcherPaneIsHorizontal)
             .setParent(appContext)
+            .class((launcherPaneIsHorizontal ? "horizontal" : "vertical") + "-layout")
             .cssBlock(MOBILE_CSS)
             .child(this.#buildLauncherPane(launcherPaneIsHorizontal))
             .child(new FlexContainer("row")