nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Overlapping Text In Comment Emails for Confluence

Ben Johnson

When I view emails on my Android with the GMail app, often the text for the name of the person overlaps the comment. It's fine on desktop.

Accepted answers

Ben Johnson

A ticket was opened for this by Atlassian Support:

https://jira.atlassian.com/browse/CONFCLOUD-85305

All comments

Dan Breyen

Hi Ben, check out [CONFCLOUD-84535] Confluence page update notification emails render table content with distorted layout, inconsistent font sizing, and overlapping elements - Create and track feature requests for Atlassian products.

this sounds alot like the issue you are having. I would suggest voting for and watching it for updates.

Hope that helps.

Ben Johnson

Yeah, I saw that one, but didn't seem related because it involved creating a table. My issue has nothing to do with tables, but is just the standard emails that come when people comment on a confluence doc/page. Also, I'm not sure if or how I can create a new bug in the CONFCLOUD project.

Arkadiusz Wroblewski

Hello @Ben Johnson

Could you check whether the same email displays correctly in Gmail's mobile browser or another email client? That would help isolate a Gmail Android rendering issue.

If it's reproducible, I recommend reporting it to Atlassian Support with screenshots and your Android/Gmail versions.

Atlassian Support can verify the bug and create a new CONFCLOUD ticket if needed.

Best,

Arek🤠🧙‍♂️

Ben Johnson

Looks fine when using the mobile web version of gmail on Chrome on Android.

Tomislav Tobijas

@Ben Johnson I tried replicating this but I'm not sure how 😅 Is that an inline comment, comment on a page you're watching or something else? I've checked a couple of my notifications (mainly mentions) but they all do show up as expected.

I've just checked and I'm running v2026.09.28.992409113.Relase 👀

Ben Johnson

It's a reply to an inline comment.

I'm on Version 2026.10.12.998217723.Release, using a Galaxy S26

Here's an example of the HTML/css that's got it overlapping:

<tr>
                <td align=3D"left" class=3D"th-isComment" style=3D"font-siz=
e:0px;padding:0;word-break:break-word;">
                 =20
      <div style=3D"font-family:&#x27;Atlassian Sans&#x27;, -apple-system, =
BlinkMacSystemFont, &#x27;Segoe UI&#x27;, &#x27;Roboto&#x27;, &#x27;Oxygen&=
#x27;, &#x27;Ubuntu&#x27;, &#x27;Fira Sans&#x27;, &#x27;Droid Sans&#x27;, &=
#x27;Helvetica Neue&#x27;, sans-serif;font-size:12px;line-height:22px;text-=
align:left;color:#505258;"><div style=3D"height:24px;line-height:24px"><img=
 src=3D"https://secure.gravatar.com/avatar/a55ef8b49d14550661a0736b451db15a=
?d=3Dhttps%3A%2F%2Favatar-management--avatars.us-west-2.prod.public.atl-paa=
s.net%2Finitials%2FJK-3.png" alt=3D"Jared King" width=3D"24" height=3D"24" =
style=3D"border-radius:50%;background-color:#F4F5F7;vertical-align:middle;d=
isplay:inline-block"><span class=3D"th-childEventCommenter" style=3D"font-w=
eight:400;color:#505258;vertical-align:middle;display:inline-block;line-hei=
ght:24px;padding-left:6px"><b>Jared King</b> commented</span></div></div>
   =20
                </td>
              </tr>
           =20
              <tr>
                <td align=3D"left" class=3D"th-childHasEventContent" style=
=3D"font-size:0px;padding:0;word-break:break-word;">
                 =20
      <div style=3D"font-family:&#x27;Atlassian Sans&#x27;, -apple-system, =
BlinkMacSystemFont, &#x27;Segoe UI&#x27;, &#x27;Roboto&#x27;, &#x27;Oxygen&=
#x27;, &#x27;Ubuntu&#x27;, &#x27;Fira Sans&#x27;, &#x27;Droid Sans&#x27;, &=
#x27;Helvetica Neue&#x27;, sans-serif;font-size:12px;font-weight:500;line-h=
eight:16px;text-align:left;color:#292A2E;"><span class=3D"th-childEventCont=
ent"><div class=3D"csg-wrapper" style=3D"font-family: 'Atlassian Sans', -ap=
ple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', '=
Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 12px; fo=
nt-weight: 400; line-height: 24px; vertical-align: baseline;"><p class=3D"c=
sg-p" style=3D"margin: 0 0 7px; padding: 7px 0 0; mso-line-height-rule: exa=
ctly; line-height: 24px; font-size: 12px; color: #292A2E;"><span class=3D"c=
sg-mention-highlighted" data-user-id=3D"5b3ec1cf5609002ecd503d85" style=3D"=
background: #0C66E4; border: 1px solid transparent; border-radius: 20px; co=
lor: #F4F5F7; padding: 0 4px 2px 3px;">@Ben Johnson</span> Not really, but =
that=E2=80=99s where we=E2=80=99re at right now. Like Bryan said, for read-=
only it should be acceptable.</p></div></span></div>
   =20
                </td>
              </tr>

Arkadiusz Wroblewski

height:24px around the commenter's name looks suspicious.

Could you try temporarily setting Android's font size to default?

share HTML and screenshots with Atlassian Support. existing CONFCLOUD-84535 covers a different email layout issue, so this may need its own bug report.

Ben Johnson

A ticket was opened for this by Atlassian Support:

https://jira.atlassian.com/browse/CONFCLOUD-85305

Ben Johnson

My font was at default, but screen zoom was a a little zoomed in. Setting the zoom to the middle position, seemed to help the overlapping comment a little, but not completley.

Mohammad nizar

https://community.atlassian.com/forums/discussion/comment/3300127?utm_source=community-share#Comment_3300127

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

cloud

comment

e-mail