diff --git a/src/client/theme-default/components/VPNavBar.vue b/src/client/theme-default/components/VPNavBar.vue
index fbcd157c0289..908eb50cd8a8 100644
--- a/src/client/theme-default/components/VPNavBar.vue
+++ b/src/client/theme-default/components/VPNavBar.vue
@@ -57,10 +57,6 @@ const { hasSidebar } = useSidebar()
   pointer-events: none;
 }
 
-.VPNavBar .container:deep(*) {
-  pointer-events: all;
-}
-
 @media (min-width: 768px) {
   .VPNavBar {
     padding: 0 32px;
@@ -104,6 +100,10 @@ const { hasSidebar } = useSidebar()
   pointer-events: none;
 }
 
+.container :deep(*) {
+  pointer-events: all;
+}
+
 .content {
   display: flex;
   justify-content: flex-end;
diff --git a/src/client/theme-default/components/VPNavScreen.vue b/src/client/theme-default/components/VPNavScreen.vue
index 67972f468eed..040030334b15 100644
--- a/src/client/theme-default/components/VPNavScreen.vue
+++ b/src/client/theme-default/components/VPNavScreen.vue
@@ -52,6 +52,7 @@ function unlockBodyScroll() {
   background-color: var(--vp-c-bg);
   overflow-y: auto;
   transition: background-color 0.5s;
+  pointer-events: all;
 }
 
 .VPNavScreen.fade-enter-active,