more padding

Author: danielboxer

webmoti-react/src/components/Buttons/EndCallButton/EndCallButton.tsx

@@ -20,8 +20,6 @@ const StyledButton = styled(Button)(({ theme }) => ({
     '&:hover': {
       background: '#000000',
     },
-    paddingLeft: 5,
-    paddingRight: 5,
     minWidth: 0,
   },
 }));

webmoti-react/src/components/MenuBar/ControlsMenu/ControlsMenu.tsx

@@ -82,6 +82,13 @@ export default function ControlsMenu() {
           vertical: 'bottom',
           horizontal: 'center',
         }}
+        slotProps={{
+          paper: {
+            sx: {
+              padding: (theme) => theme.spacing(3),
+            },
+          },
+        }}
       >
         <div className={classes.cameraControlsPopover}>
           <Grid container justifyContent="center" alignItems="center" direction="column">