diff --git a/src/client/theme-default/components/VPFlyout.vue b/src/client/theme-default/components/VPFlyout.vue
index 32139556a115..559ade7f373b 100644
--- a/src/client/theme-default/components/VPFlyout.vue
+++ b/src/client/theme-default/components/VPFlyout.vue
@@ -82,14 +82,12 @@ function onBlur() {
 .button[aria-expanded="false"] + .menu {
   opacity: 0;
   visibility: hidden;
-  transform: translateY(0);
 }
 
 .VPFlyout:hover .menu,
 .button[aria-expanded="true"] + .menu {
   opacity: 1;
   visibility: visible;
-  transform: translateY(0);
 }
 
 .button {
@@ -132,6 +130,6 @@ function onBlur() {
   right: 0;
   opacity: 0;
   visibility: hidden;
-  transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
+  transition: opacity 0.25s, visibility 0.25s;
 }
 </style>
diff --git a/src/client/theme-default/components/VPNavBar.vue b/src/client/theme-default/components/VPNavBar.vue
index 17dcb22d0c97..7f2b85d58470 100644
--- a/src/client/theme-default/components/VPNavBar.vue
+++ b/src/client/theme-default/components/VPNavBar.vue
@@ -164,6 +164,7 @@ const { isHome, hasSidebar } = useLayout()
 
 .content {
   flex-grow: 1;
+  min-width: 0;
 }
 
 @media (min-width: 60rem) {
diff --git a/src/client/theme-default/components/VPNavBarMenu.vue b/src/client/theme-default/components/VPNavBarMenu.vue
index cab2a133b85e..329b14bb17f5 100644
--- a/src/client/theme-default/components/VPNavBarMenu.vue
+++ b/src/client/theme-default/components/VPNavBarMenu.vue
@@ -32,6 +32,11 @@ const { theme } = useData()
 <style scoped>
 .VPNavBarMenu {
   display: none;
+  flex-grow: 1;
+  justify-content: flex-end;
+  min-width: 0;
+  margin-left: 1rem;
+  overflow-x: clip;
 }
 
 .list {
@@ -40,7 +45,7 @@ const { theme } = useData()
 
 @media (min-width: 48rem) {
   .VPNavBarMenu {
-    display: block;
+    display: flex;
   }
 }
 </style>
diff --git a/src/client/theme-default/components/VPNavBarSearch.vue b/src/client/theme-default/components/VPNavBarSearch.vue
index c6e3af7108f1..26f2d6d64c52 100644
--- a/src/client/theme-default/components/VPNavBarSearch.vue
+++ b/src/client/theme-default/components/VPNavBarSearch.vue
@@ -203,7 +203,6 @@ function isEditingContent(event: KeyboardEvent): boolean {
 @media (min-width: 48rem) {
   .VPNavBarSearch {
     gap: 0.5rem;
-    flex-grow: 1;
     padding-left: 1.5rem;
   }
 }