From dacdddc257e32ca1d4abdf4f1a77d5b4473dd67e Mon Sep 17 00:00:00 2001
From: Alaister Young <alaister@users.noreply.github.com>
Date: Sat, 28 Dec 2024 09:23:28 +1100
Subject: [PATCH] fix: overflow-x-auto (#31391)

---
 apps/studio/components/layouts/OrganizationLayout.tsx           | 2 +-
 .../layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/studio/components/layouts/OrganizationLayout.tsx b/apps/studio/components/layouts/OrganizationLayout.tsx
index 802b1235097..d3a71f986dc 100644
--- a/apps/studio/components/layouts/OrganizationLayout.tsx
+++ b/apps/studio/components/layouts/OrganizationLayout.tsx
@@ -78,7 +78,7 @@ const OrganizationLayout = ({ children }: PropsWithChildren<{}>) => {
             {selectedOrganization?.name ?? 'Organization'} settings
           </ScaffoldTitle>
           <NavMenu
-            className="border-none max-w-full overflow-hidden overflow-x-scroll"
+            className="border-none max-w-full overflow-y-hidden overflow-x-auto"
             aria-label="Organization menu navigation"
           >
             {filteredNavMenuItems.map((item) => (
diff --git a/apps/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx b/apps/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
index 8a37500aa87..9a05ec59bb6 100644
--- a/apps/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
+++ b/apps/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
@@ -102,7 +102,7 @@ const LayoutHeader = ({
         </div>
       )}
       <div className="relative flex flex-1 overflow-hidden">
-        <div className="flex w-full items-center justify-between py-2 pl-1 pr-3 md:px-3 flex-nowrap overflow-x-scroll">
+        <div className="flex w-full items-center justify-between py-2 pl-1 pr-3 md:px-3 flex-nowrap overflow-x-auto">
           <div className="flex items-center text-sm">
             {projectRef && (
               <>