fix small switch spacing

src/components/Table/Settings/Webhooks.tsx

@@ -125,6 +125,10 @@ export default function WebhooksDialog({ open, handleClose }) {
               onChange={() => {
                 handleChange("enabled")(!state.enabled);
               }}
+              sx={{
+                alignItems: "center",
+                "& .MuiFormControlLabel-label": { mt: 0 },
+              }}
               // classes={{ root: classes.formControlLabel, label: classes.label }}
             />
             <InputLabel htmlFor="webhook-type">Webhook Type</InputLabel>

src/components/Table/TableHeader/Extensions/ExtensionModal.tsx

@@ -394,7 +394,7 @@ export default function ExtensionModal({
                         direction="row"
                         justifyContent="flex-start"
                         alignItems="center"
-                        sx={{ height: 42, ml: -0.75 }}
+                        sx={{ height: 42, ml: -0.875 }}
                       >
                         <Button
                           variant="text"

src/components/fields/Action/Settings.tsx

@@ -73,6 +73,10 @@ const Settings = ({ config, handleChange }) => {
           />
         }
         label="Set as an action script"
+        sx={{
+          alignItems: "center",
+          "& .MuiFormControlLabel-label": { mt: 0 },
+        }}
       />
       {!Boolean(config.isActionScript) ? (
         <TextField
@@ -132,7 +136,11 @@ const Settings = ({ config, handleChange }) => {
                 name="redo toggle"
               />
             }
-            label="enable redo(reruns the same script)"
+            label="User can redo (re-runs the same script)"
+            sx={{
+              alignItems: "center",
+              "& .MuiFormControlLabel-label": { mt: 0 },
+            }}
           />
           <FormControlLabel
             control={
@@ -144,7 +152,11 @@ const Settings = ({ config, handleChange }) => {
                 name="undo toggle"
               />
             }
-            label="enable undo"
+            label="User can undo"
+            sx={{
+              alignItems: "center",
+              "& .MuiFormControlLabel-label": { mt: 0 },
+            }}
           />
           {config["undo.enabled"] && (
             <>

src/components/fields/ConnectService/Settings.tsx

@@ -59,6 +59,10 @@ export default function Settings({ config, handleChange }) {
           />
         }
         label="Enable multiple item selection"
+        sx={{
+          alignItems: "center",
+          "& .MuiFormControlLabel-label": { mt: 0 },
+        }}
       />
     </>
   );

src/components/fields/Json/Settings.tsx

@@ -11,7 +11,11 @@ const Settings = ({ config, handleChange }) => {
             name="isArray"
           />
         }
-        label="Set as an array"
+        label="Set as array"
+        sx={{
+          alignItems: "center",
+          "& .MuiFormControlLabel-label": { mt: 0 },
+        }}
       />
     </>
   );

src/components/fields/Slider/Settings.tsx

@@ -48,6 +48,10 @@ export default function Settings({ handleChange, config }) {
           />
         }
         label="Show slider steps"
+        sx={{
+          alignItems: "center",
+          "& .MuiFormControlLabel-label": { mt: 0 },
+        }}
       />
     </>
   );

src/pages/Test.tsx

@@ -767,7 +767,14 @@ export default function TestView() {
           </Stack>
 
           <div>
-            <FormControlLabel control={<Switch />} label="Label" />
+            <FormControlLabel
+              control={<Switch />}
+              label="Label"
+              sx={{
+                alignItems: "center",
+                "& .MuiFormControlLabel-label": { mt: 0 },
+              }}
+            />
             <FormControlLabel
               control={<Switch size="medium" />}
               label="Label"
@@ -776,6 +783,10 @@ export default function TestView() {
               labelPlacement="start"
               control={<Switch />}
               label="Label"
+              sx={{
+                alignItems: "center",
+                "& .MuiFormControlLabel-label": { mt: 0 },
+              }}
             />
             <FormControlLabel
               labelPlacement="start"