1 files changed, 10 insertions, 5 deletions
diff --git a/apps/workflowengine/src/styles/operation.scss b/apps/workflowengine/src/styles/operation.scss
index 9d9f028860b..b62ac16d6b4 100644
--- a/apps/workflowengine/src/styles/operation.scss
+++ b/apps/workflowengine/src/styles/operation.scss
@@ -7,12 +7,12 @@
 	flex-wrap: wrap;
 	flex-direction: column;
 	flex-grow: 1;
-	margin-left: -1px;
 	padding: 10px;
 	border-radius: var(--border-radius-large);
-	margin-right: 20px;
+	margin-inline: -1px 20px;
 	margin-bottom: 20px;
 }
+
 .actions__item .icon {
 	display: block;
 	width: 100%;
@@ -23,6 +23,7 @@
 	margin-bottom: 10px;
 	background-repeat: no-repeat;
 }
+
 .actions__item__description {
 	text-align: center;
 	flex-grow: 1;
@@ -30,20 +31,24 @@
 	flex-direction: column;
 	align-items: center;
 }
+
 .actions__item_options {
 	width: 100%;
 	margin-top: 10px;
-	padding-left: 60px;
+	padding-inline-start: 60px;
 }
+
 h3, small {
 	padding: 6px;
 	display: block;
 }
+
 h3 {
 	margin: 0;
 	padding: 0;
 	font-weight: 600;
 }
+
 small {
 	font-size: 10pt;
 	flex-grow: 1;
@@ -61,7 +66,7 @@ small {
 
 	.actions__item__description {
 		padding-top: 5px;
-		text-align: left;
+		text-align: start;
 		width: calc(100% - 105px);
 		small {
 			padding: 0;
@@ -70,7 +75,7 @@ small {
 	.icon {
 		width: 50px;
 		margin: 0;
-		margin-right: 10px;
+		margin-inline-end: 10px;
 		&:not(.icon-invert) {
 			filter: var(--background-invert-if-bright);
 		}