diff --git a/apps/workflowengine/src/components/Operation.vue b/apps/workflowengine/src/components/Operation.vue
index 269dce69613ec9376adba7067b061b8649e57988..47a40eca950e8e87ce134e956fea3865032590de 100644
--- a/apps/workflowengine/src/components/Operation.vue
+++ b/apps/workflowengine/src/components/Operation.vue
@@ -4,9 +4,11 @@
 		<div class="actions__item__description">
 			<h3>{{ operation.name }}</h3>
 			<small>{{ operation.description }}</small>
-			<button v-if="colored">
-				{{ t('workflowengine', 'Add new flow') }}
-			</button>
+			<div>
+				<button v-if="colored">
+					{{ t('workflowengine', 'Add new flow') }}
+				</button>
+			</div>
 		</div>
 		<div class="actions__item_options">
 			<slot />
diff --git a/apps/workflowengine/src/components/Workflow.vue b/apps/workflowengine/src/components/Workflow.vue
index 8166a6abcefd5d22bfb3ba5880b3059586dccd54..d94d2bf90a5428affe3719a49d5c8c6cc6f880c5 100644
--- a/apps/workflowengine/src/components/Workflow.vue
+++ b/apps/workflowengine/src/components/Workflow.vue
@@ -108,7 +108,7 @@ export default {
 	.actions {
 		display: flex;
 		flex-wrap: wrap;
-		max-width: 900px;
+		max-width: 1200px;
 		.actions__item {
 			max-width: 280px;
 			flex-basis: 250px;
diff --git a/apps/workflowengine/src/styles/operation.scss b/apps/workflowengine/src/styles/operation.scss
index ac3d304cd79f3f308c2876ce1581b64dc0aec7fe..c3ca64465e0e0fd2f6bc5da96d405ba36dfc5790 100644
--- a/apps/workflowengine/src/styles/operation.scss
+++ b/apps/workflowengine/src/styles/operation.scss
@@ -9,7 +9,7 @@
 	margin-right: 20px;
 	margin-bottom: 20px;
 }
-.icon {
+.actions__item .icon {
 	display: block;
 	width: 100%;
 	height: 50px;
@@ -21,6 +21,9 @@
 }
 .actions__item__description {
 	text-align: center;
+	flex-grow: 1;
+	display: flex;
+	flex-direction: column;
 }
 .actions__item_options {
 	width: 100%;
@@ -38,6 +41,7 @@ h3 {
 }
 small {
 	font-size: 10pt;
+	flex-grow: 1;
 }
 
 .colored:not(.more) {