From 6825b43f421e3a69a46212e7aaeabfd7dfa161d8 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Sun, 22 May 2022 06:19:45 +0000
Subject: [PATCH] Set spacing declarations to elements in
 mx_EventTile_mediaLine (#8665)

---
 res/css/views/rooms/_EventTile.scss | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
index 60f66339b23..7345ea2f6cf 100644
--- a/res/css/views/rooms/_EventTile.scss
+++ b/res/css/views/rooms/_EventTile.scss
@@ -935,11 +935,18 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
             }
         }
 
-        .mx_MFileBody,
-        .mx_MImageBody {
-            display: block; // Apply margin to span element
-            margin-inline-start: var(--ThreadView_group_spacing-start);
-            margin-inline-end: var(--ThreadView_group_spacing-end);
+        .mx_EventTile_mediaLine {
+            // such as MImageBody
+            > div,
+            > span {
+                margin-inline-start: var(--ThreadView_group_spacing-start);
+                margin-inline-end: var(--ThreadView_group_spacing-end);
+            }
+
+            // such as MAudioBody and MFileBody
+            > span {
+                display: block; // Apply the margin declarations to span element
+            }
         }
 
         .mx_ReplyChain_wrapper {