diff --git a/src/components/molecules/action-settings/screenshot.tsx b/src/components/molecules/action-settings/screenshot.tsx
index bae4ad3e..8e412afa 100644
--- a/src/components/molecules/action-settings/screenshot.tsx
+++ b/src/components/molecules/action-settings/screenshot.tsx
@@ -6,7 +6,7 @@ import { SelectChangeEvent } from "@mui/material/Select/Select";
 import { Dropdown } from "../../atoms/DropdownMui";
 
 export const ScreenshotSettings = forwardRef((props, ref) => {
-  const [settings, setSettings] = React.useState<Settings>({ });
+  const [settings, setSettings] = React.useState<Settings>({});
   useImperativeHandle(ref, () => ({
     getSettings() {
       return settings;
@@ -48,7 +48,7 @@ export const ScreenshotSettings = forwardRef((props, ref) => {
         <MenuItem value="jpeg">jpeg</MenuItem>
         <MenuItem value="png">png</MenuItem>
       </Dropdown>
-      { settings.type === "jpeg" ?
+      {settings.type === "jpeg" ?
         <TextField
           type="number"
           id="quality"
@@ -60,7 +60,7 @@ export const ScreenshotSettings = forwardRef((props, ref) => {
       }
       <TextField
         type="number"
-        id = "timeout"
+        id="timeout"
         label="timeout"
         size='small'
         onChange={handleInput}
@@ -75,7 +75,7 @@ export const ScreenshotSettings = forwardRef((props, ref) => {
         <MenuItem value="disabled">disabled</MenuItem>
         <MenuItem value="allow">allow</MenuItem>
       </Dropdown>
-      { settings.type === "png" ?
+      {settings.type === "png" ?
         <Dropdown
           id="omitBackground"
           label="omitBackground"
diff --git a/src/components/molecules/action-settings/script.tsx b/src/components/molecules/action-settings/script.tsx
index d3fc963a..2cece263 100644
--- a/src/components/molecules/action-settings/script.tsx
+++ b/src/components/molecules/action-settings/script.tsx
@@ -21,7 +21,7 @@ export const ScriptSettings = forwardRef((props, ref) => {
   return (
     <EditorWrapper>
       <WarningText>
-        <InfoIcon color='warning'/>
+        <InfoIcon color='warning' />
         Allows to run an arbitrary asynchronous function evaluated at the server
         side accepting the current page instance argument.
       </WarningText>
diff --git a/src/components/molecules/action-settings/scroll.tsx b/src/components/molecules/action-settings/scroll.tsx
index e115404f..2e5743af 100644
--- a/src/components/molecules/action-settings/scroll.tsx
+++ b/src/components/molecules/action-settings/scroll.tsx
@@ -11,7 +11,7 @@ export const ScrollSettings = forwardRef((props, ref) => {
 
   return (
     <TextField
-      sx={{marginLeft: '15px'}}
+      sx={{ marginLeft: '15px' }}
       type="number"
       label="Number of pages"
       required