diff --git a/awx/ui/client/assets/variables.less b/awx/ui/client/assets/variables.less
index e59deb6ebe..bc988bf6b9 100644
--- a/awx/ui/client/assets/variables.less
+++ b/awx/ui/client/assets/variables.less
@@ -1,23 +1,24 @@
 // Default styles for AWX branding
 
 // Login modal icon
-@login-max-width:           200px;
-@login-margin:               -30px 20px 10px -30px;
+@login-max-width:               200px;
+@login-margin:                  -30px 20px 10px -30px;
 
 // Main nav bar logo
-@main-menu-width:           200px;
-@main-menu-margin:          -50px 0px 0px -40px;
-@main-menu-max-width:       inherit;
-@main-menu-max-height:      inherit;
-@main-menu-height:          inherit;
+@main-menu-width:               200px;
+@main-menu-margin:              -50px 0px 0px -40px;
+@main-menu-max-width:           initial;
+@main-menu-max-height:          initial;
+@main-menu-height:              initial;
+@main-menu-margin-breakpoint:   -55px 0px 0px -40px;
 
 
 // About modal logo
-@about-modal-float:         left;
-@about-modal-width:         200px;
-@about-modal-padding-top:   inherit;
-@about-modal-margin-top:    -60px;
-@about-modal-margin-left:   -50px;
+@about-modal-float:             left;
+@about-modal-width:             200px;
+@about-modal-padding-top:       initial;
+@about-modal-margin-top:        -60px;
+@about-modal-margin-left:       -50px;
 
 // Copyright text should be hidden
 @copyright-text:            0;
diff --git a/awx/ui/client/src/main-menu/main-menu.block.less b/awx/ui/client/src/main-menu/main-menu.block.less
index a851f894da..2a12ff8728 100644
--- a/awx/ui/client/src/main-menu/main-menu.block.less
+++ b/awx/ui/client/src/main-menu/main-menu.block.less
@@ -187,7 +187,7 @@
     }
 
     .MainMenu-logoImage {
-        margin-top: 15px;
+        margin: @main-menu-margin-breakpoint;
     }
 
     .MainMenu-item--notMobile {