From 5f618d1d92abead603650bdd969badaf1f6b4a77 Mon Sep 17 00:00:00 2001
From: Kaustubh Kumar <kaustubhkumar05@gmail.com>
Date: Wed, 23 Aug 2023 14:11:24 +0530
Subject: [PATCH] fix: device settings getting clipped in mweb

---
 .../src/Prebuilt/components/Settings/DeviceSettings.jsx      | 2 +-
 .../src/Prebuilt/components/Settings/SettingsModal.jsx       | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/roomkit-react/src/Prebuilt/components/Settings/DeviceSettings.jsx b/packages/roomkit-react/src/Prebuilt/components/Settings/DeviceSettings.jsx
index 2f6ec91a17..2c81a581c1 100644
--- a/packages/roomkit-react/src/Prebuilt/components/Settings/DeviceSettings.jsx
+++ b/packages/roomkit-react/src/Prebuilt/components/Settings/DeviceSettings.jsx
@@ -146,7 +146,7 @@ const DeviceSelector = ({ title, devices, selection, onChange, icon, children =
               open={open}
             />
             <Dropdown.Portal>
-              <Dropdown.Content align="start" sideOffset={8} css={{ w: ref.current?.clientWidth, zIndex: 1000 }}>
+              <Dropdown.Content align="start" sideOffset={8} css={{ w: ref.current?.clientWidth, zIndex: 1001 }}>
                 {devices.map(device => {
                   return (
                     <Dropdown.Item
diff --git a/packages/roomkit-react/src/Prebuilt/components/Settings/SettingsModal.jsx b/packages/roomkit-react/src/Prebuilt/components/Settings/SettingsModal.jsx
index dc79b5073b..6d93d18890 100644
--- a/packages/roomkit-react/src/Prebuilt/components/Settings/SettingsModal.jsx
+++ b/packages/roomkit-react/src/Prebuilt/components/Settings/SettingsModal.jsx
@@ -91,6 +91,7 @@ const MobileSettingModal = ({
       <Sheet.Content
         css={{
           bg: '$surface_dim',
+          overflowY: 'auto',
         }}
       >
         <Sheet.Title css={{ py: '$10', px: '$8', alignItems: 'center' }}>
@@ -120,8 +121,8 @@ const MobileSettingModal = ({
             direction="column"
             css={{
               px: '$8',
-              maxHeight: '80vh',
-              overflowY: 'scroll',
+              pb: '$8',
+              overflowY: 'auto',
             }}
           >
             {settingsList