diff --git a/frontend/src/components/tasks/partials/Comments.vue b/frontend/src/components/tasks/partials/Comments.vue
index d3c67d508..e84c190ae 100644
--- a/frontend/src/components/tasks/partials/Comments.vue
+++ b/frontend/src/components/tasks/partials/Comments.vue
@@ -16,7 +16,7 @@
 		<div class="comments">
 			<span
 				v-if="taskCommentService.loading && saving === null && !creating"
-				class="is-flex is-align-items-center my-4 mis-2"
+				class="is-flex is-align-items-center mbs-4 mbe-4 mis-2"
 			>
 				<span class="loader is-inline-block mie-2" />
 				{{ $t('task.comment.loading') }}
diff --git a/frontend/src/styles/global.scss b/frontend/src/styles/global.scss
index 2923e5239..51b36af7c 100644
--- a/frontend/src/styles/global.scss
+++ b/frontend/src/styles/global.scss
@@ -72,7 +72,7 @@
 // @import "bulma-css-variables/sass/helpers/other"; // not used
 // @import "bulma-css-variables/sass/helpers/overflow";
 // @import "bulma-css-variables/sass/helpers/position";
-@import "bulma-css-variables/sass/helpers/spacing";
+// @import "bulma-css-variables/sass/helpers/spacing"; // using logical units instead
 @import "bulma-css-variables/sass/helpers/typography";
 @import "bulma-css-variables/sass/helpers/visibility";
 
diff --git a/frontend/src/styles/theme/logical-spacing.scss b/frontend/src/styles/theme/logical-spacing.scss
index 95d828e70..ce5695f4f 100644
--- a/frontend/src/styles/theme/logical-spacing.scss
+++ b/frontend/src/styles/theme/logical-spacing.scss
@@ -28,6 +28,9 @@ $types: (
     .#{$type}be-#{$name} {
       #{$property}-block-end: #{$val};
     }
+    .#{$type}-#{$name} {
+      #{$property}: #{$val};
+    }
   }
 }