fix: overflow-x-auto (#31391)

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) => (

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 && (
               <>