Set spacing declarations to elements in mx_EventTile_mediaLine (#8665)

Author: luixxiul

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 {