diff --git a/frontend/src/components/tasks/partials/Comments.vue b/frontend/src/components/tasks/partials/Comments.vue
index 3c0477ee7..fc2c07b40 100644
--- a/frontend/src/components/tasks/partials/Comments.vue
+++ b/frontend/src/components/tasks/partials/Comments.vue
@@ -511,7 +511,22 @@ function getCommentUrl(commentId: string) {
 </script>
 
 <style lang="scss" scoped>
+.media {
+	align-items: flex-start;
+	display: flex;
+	text-align: inherit;
+
+	& + .media {
+		border-block-start: 1px solid rgba(var(--border-rgb), 0.5);
+		margin-block-start: 1rem;
+		padding-block-start: 1rem;
+	}
+}
+
 .media-left {
+	flex-basis: auto;
+	flex-grow: 0;
+	flex-shrink: 0;
 	margin: 0 1rem !important;
 }
 
@@ -559,6 +574,10 @@ function getCommentUrl(commentId: string) {
 }
 
 .media-content {
+	flex-basis: auto;
+	flex-grow: 1;
+	flex-shrink: 1;
+	text-align: inherit;
 	inline-size: calc(100% - 48px - 2rem);
 }
 
diff --git a/frontend/src/styles/global.scss b/frontend/src/styles/global.scss
index 740c5103c..3f5de4aa4 100644
--- a/frontend/src/styles/global.scss
+++ b/frontend/src/styles/global.scss
@@ -46,7 +46,7 @@
 @import "bulma-css-variables/sass/components/card";
 // @import "bulma-css-variables/sass/components/dropdown"; // moved to component
 // @import "bulma-css-variables/sass/components/level"; // not used
-@import "bulma-css-variables/sass/components/media"; 
+// @import "bulma-css-variables/sass/components/media"; // ported into Comments.vue
 @import "bulma-css-variables/sass/components/menu";
 //@import "bulma-css-variables/sass/components/message"; // not used
 // @import "bulma-css-variables/sass/components/modal"; // not used; Modal.vue owns its own dialog-based styles