diff --git a/src/components/sheet/slide-panel/slide-panel.tsx b/src/components/sheet/slide-panel/slide-panel.tsx
index 2bf5f83..5292171 100644
--- a/src/components/sheet/slide-panel/slide-panel.tsx
+++ b/src/components/sheet/slide-panel/slide-panel.tsx
@@ -69,6 +69,7 @@ const SlidePanel = ({
           overflow: "hidden",
           display: "flex",
           flexDirection: "column",
+          width: "100%",
         }}
       >
         <Box
@@ -167,11 +168,13 @@ const SlidePanel = ({
                 bg="var(--mantine-color-dimmed)"
                 my="xs"
               />
-              <panelConfig.Component
-                value={tempValue}
-                onChange={setTempValue}
-                {...(panelConfig.componentProps || {})}
-              />
+              <ScrollArea.Autosize w="100%" p={0} offsetScrollbars>
+                <panelConfig.Component
+                  value={tempValue}
+                  onChange={setTempValue}
+                  {...(panelConfig.componentProps || {})}
+                />
+              </ScrollArea.Autosize>
               <Button mt="md" onClick={handleConfirm}>Confirm</Button>
               <Button variant="subtle" onClick={closePanel} mt="sm" color="red">Cancel</Button>
             </>