diff --git a/mailpoet/assets/css/src/components-automation-editor/_step.scss b/mailpoet/assets/css/src/components-automation-editor/_step.scss
index 877331e7ee..2c84a79bb1 100644
--- a/mailpoet/assets/css/src/components-automation-editor/_step.scss
+++ b/mailpoet/assets/css/src/components-automation-editor/_step.scss
@@ -36,7 +36,7 @@
 
 .mailpoet-automation-colored-icon {
   box-sizing: content-box;
-  padding: 10px;
+  padding: 12px;
   position: relative;
 
   .mailpoet-automation-colored-icon-background {
diff --git a/mailpoet/assets/js/src/automation/editor/components/workflow/step.tsx b/mailpoet/assets/js/src/automation/editor/components/workflow/step.tsx
index 01ecaff662..20b33093fa 100644
--- a/mailpoet/assets/js/src/automation/editor/components/workflow/step.tsx
+++ b/mailpoet/assets/js/src/automation/editor/components/workflow/step.tsx
@@ -13,8 +13,8 @@ function getIcon(step: StepData): JSX.Element | null {
       <ColoredIcon
         foreground="#2271b1"
         background="#f0f6fc"
-        width="20px"
-        height="20px"
+        width="23px"
+        height="23px"
         icon={TriggerIcon()}
       />
     );
@@ -22,8 +22,8 @@ function getIcon(step: StepData): JSX.Element | null {
   const selectedStepType = select(store).getStepType(step.key);
   return selectedStepType ? (
     <ColoredIcon
-      width="20px"
-      height="20px"
+      width="23px"
+      height="23px"
       foreground={selectedStepType.foreground}
       background={selectedStepType.background}
       icon={selectedStepType.icon}