diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss index 37e100e8dd..bce86edbdc 100644 --- a/res/css/views/rooms/_EventTile.scss +++ b/res/css/views/rooms/_EventTile.scss @@ -863,22 +863,23 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss flex-direction: column; .mx_EventTile_line { - padding-top: 2px; - padding-bottom: 2px; - padding-left: 0; - order: 10 !important; + padding-top: var(--BaseCard_EventTile_line-padding-block); + padding-bottom: var(--BaseCard_EventTile_line-padding-block); + } + + .mx_EventTile_line, + .mx_ReactionsRow { + padding-inline-start: 0; // Cancel inherited padding value for event message and reactions row + } + + .mx_ReactionsRow { + padding-inline-end: 0; } .mx_MessageTimestamp { font-size: $font-10px; } - .mx_ReactionsRow { - order: 999; - padding-left: 0; - padding-right: 0; - } - &:not([data-layout=bubble]) { padding-top: $spacing-16;