fix: controls container now scrolls

src/components/ItemControls/ItemControlsManager.tsx

@@ -31,7 +31,11 @@ export const ItemControlsManager = () => {
     <Card
       sx={{
         position: 'absolute',
-        width: '325px',
+        overflowY: 'scroll',
+        '&::-webkit-scrollbar': {
+          display: 'none'
+        },
+        width: '345px',
         maxHeight: `calc(100% - ${theme.customVars.appPadding.y * 2}px)`,
         left: theme.customVars.appPadding.x,
         top: theme.customVars.appPadding.y,

src/components/ItemControls/components/ControlsContainer.tsx

@@ -24,11 +24,7 @@ export const ControlsContainer = ({ header, children }: Props) => {
       <Box
         sx={{
           width: '100%',
-          overflowY: 'scroll',
-          flexGrow: 1,
-          '&::-webkit-scrollbar': {
-            display: 'none'
-          }
+          flexGrow: 1
         }}
       >
         <Box sx={{ width: '100%' }}>{children}</Box>