diff --git a/awx/ui/client/lib/components/layout/_index.less b/awx/ui/client/lib/components/layout/_index.less
index eaeb617379..ea667034bb 100644
--- a/awx/ui/client/lib/components/layout/_index.less
+++ b/awx/ui/client/lib/components/layout/_index.less
@@ -49,6 +49,7 @@
                     width: @main-menu-width;
                     margin: @main-menu-margin;
                     flex: initial;
+                    pointer-events: none;
                 }
             }
 
diff --git a/awx/ui/client/lib/components/layout/side-nav.directive.js b/awx/ui/client/lib/components/layout/side-nav.directive.js
index 40950152d5..6edd96869d 100644
--- a/awx/ui/client/lib/components/layout/side-nav.directive.js
+++ b/awx/ui/client/lib/components/layout/side-nav.directive.js
@@ -44,6 +44,14 @@ function AtSideNavController ($scope, $window) {
             vm.isExpanded = false;
         }
     });
+
+    $(window).resize(() => {
+        if ($window.innerWidth <= breakpoint) {
+            vm.isExpanded = false;
+        } else {
+            vm.isExpanded = true;
+        }
+    });
 }
 
 AtSideNavController.$inject = ['$scope', '$window'];