diff --git a/apps/workflowengine/src/components/Rule.vue b/apps/workflowengine/src/components/Rule.vue
index 5285005f53..51eb0665ee 100644
--- a/apps/workflowengine/src/components/Rule.vue
+++ b/apps/workflowengine/src/components/Rule.vue
@@ -30,7 +30,7 @@
 					@input="updateOperation" />
 			</Operation>
 			<div class="buttons">
-				<button	class="status-button icon"
+				<button class="status-button icon"
 					:class="ruleStatus.class"
 					@click="saveRule">
 					{{ ruleStatus.title }}
@@ -42,7 +42,9 @@
 					{{ t('workflowengine', 'Delete') }}
 				</button>
 			</div>
-			<p v-if="error" class="error-message">{{ error }}</p>
+			<p v-if="error" class="error-message">
+				{{ error }}
+			</p>
 		</div>
 	</div>
 </template>
diff --git a/apps/workflowengine/src/store.js b/apps/workflowengine/src/store.js
index a8be467193..7cb1956b6f 100644
--- a/apps/workflowengine/src/store.js
+++ b/apps/workflowengine/src/store.js
@@ -99,7 +99,7 @@ const store = new Vuex.Store({
 				events,
 				name: '', // unused in the new ui, there for legacy reasons
 				checks: [
-					{ class: null, operator: null, value: '' }
+					{ class: null, operator: null, value: '' },
 				],
 				operation: rule.operation || '',
 			})
diff --git a/apps/workflowengine/src/styles/operation.scss b/apps/workflowengine/src/styles/operation.scss
index c3ca64465e..89c105d58f 100644
--- a/apps/workflowengine/src/styles/operation.scss
+++ b/apps/workflowengine/src/styles/operation.scss
@@ -16,7 +16,7 @@
 	background-size: 50px 50px;
 	background-position: center center;
 	margin-top: 10px;
-	margin-bottom: 20px;
+	margin-bottom: 10px;
 	background-repeat: no-repeat;
 }
 .actions__item__description {