diff --git a/src/public/app/layouts/desktop_layout.js b/src/public/app/layouts/desktop_layout.js
index c394fa4e0..70b3561ff 100644
--- a/src/public/app/layouts/desktop_layout.js
+++ b/src/public/app/layouts/desktop_layout.js
@@ -233,12 +233,14 @@ export default class DesktopLayout {
         if (isHorizontal) {
             launcherPane = new FlexContainer("row")
                 .css("height", "53px")
+                .class("horizontal")
                 .child(new LeftPaneToggleWidget())
                 .child(new LauncherContainer(isHorizontal))
                 .child(new GlobalMenuWidget())
         } else {
             launcherPane = new FlexContainer("column")
                 .css("width", "53px")
+                .class("vertical")
                 .child(new GlobalMenuWidget())
                 .child(new LauncherContainer(isHorizontal))
                 .child(new LeftPaneToggleWidget());
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index b543d2cca..107199164 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -1123,11 +1123,20 @@ li.dropdown-submenu:hover > ul.dropdown-menu {
     cursor: pointer;
     border: none;
     color: var(--launcher-pane-text-color);
-    background-color: var(--launcher-pane-background-color);
-    height: 53px;
-    width: 100%;
+    background-color: var(--launcher-pane-background-color);    
 }
 
+#launcher-pane.vertical .launcher-button {
+    width: 100%;
+    height: 53px;
+}
+
+#launcher-pane.horizontal .launcher-button {
+    width: 53px;
+    height: 100%;
+}
+
+
 #launcher-pane .icon-action:hover {
     background-color: var(--hover-item-background-color);
 }