Merge "Messages reviewers overlap fix for mobile"
diff --git a/polygerrit-ui/app/elements/change/gr-message/gr-message.html b/polygerrit-ui/app/elements/change/gr-message/gr-message.html
index 958e00f..c0773d3 100644
--- a/polygerrit-ui/app/elements/change/gr-message/gr-message.html
+++ b/polygerrit-ui/app/elements/change/gr-message/gr-message.html
@@ -51,6 +51,10 @@
       .showAvatar.collapsed .contentContainer {
         margin-left: calc(var(--default-horizontal-margin) + 1.75em);
       }
+      .showAvatar.collapsed .contentContainer,
+      .hideAvatar.collapsed .contentContainer {
+        margin-right: calc(var(--default-horizontal-margin) + 2.25em);
+      }
       .hideAvatar.collapsed .contentContainer,
       .hideAvatar.expanded .contentContainer {
         margin-left: 0;
@@ -58,7 +62,7 @@
       .showAvatar.collapsed .contentContainer,
       .hideAvatar.collapsed .contentContainer,
       .hideAvatar.expanded .contentContainer {
-        padding: .75em 5em .75em 0;
+        padding: .75em 0;
       }
       .collapsed gr-avatar {
         top: .5em;