From f2d23d9a371f9636bfb605161cd6913fe0f20dad Mon Sep 17 00:00:00 2001
From: NilanjanPramanik <121485018+NilanjanPramanik@users.noreply.github.com>
Date: Mon, 6 Nov 2023 15:24:12 +0530
Subject: [PATCH] fix: Add scroll to the setting navbar  (#1398)

Co-authored-by: Matthias Nannt <mail@matthiasnannt.com>
---
 .../[environmentId]/settings/components/SettingsNavbar.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/app/(app)/environments/[environmentId]/settings/components/SettingsNavbar.tsx b/apps/web/app/(app)/environments/[environmentId]/settings/components/SettingsNavbar.tsx
index 4060f6134e..fa6d75c8d0 100644
--- a/apps/web/app/(app)/environments/[environmentId]/settings/components/SettingsNavbar.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/settings/components/SettingsNavbar.tsx
@@ -204,7 +204,7 @@ export default function SettingsNavbar({
 
   return (
     <>
-      <div className="fixed hidden h-full overflow-auto bg-white py-2 pl-4 pr-10 md:block">
+      <div className="fixed hidden h-full overflow-y-scroll bg-white py-2 pl-4 pr-10 md:block ">
         <nav className="flex-1 space-y-1 bg-white px-2">
           {navigation.map(
             (item) =>
@@ -248,7 +248,7 @@ export default function SettingsNavbar({
       </div>
 
       {/* Mobile Menu */}
-      <div className="fixed z-10 flex h-14 w-full items-center justify-between border-b border-slate-200 bg-white px-4 sm:px-6 md:hidden">
+      <div className="fixed z-10 flex h-14 w-full items-center justify-between overflow-x-scroll border-b border-slate-200 bg-white px-4 sm:px-6 md:hidden">
         <Popover open={mobileNavMenuOpen} onOpenChange={setMobileNavMenuOpen}>
           <PopoverTrigger onClick={() => setMobileNavMenuOpen(!mobileNavMenuOpen)}>
             <span className="flex items-center">