# Header avatar overflow

**URL:** https://meta.discourse.org/t/header-avatar-overflow/103808
**Category:** UX
**Created:** [December 9, 2018, 4:26am UTC](https://meta.discourse.org/t/header-avatar-overflow/103808 "2018-12-09T04:26:10Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [December 9, 2018, 4:26am UTC](https://meta.discourse.org/t/header-avatar-overflow/103808/1 "2018-12-09T04:26:10Z")

</div>

I’m seeing it here only with some topics that have longer titles. eg. with iPad Chrome

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/d/edf3e81ffb69a7a33433442f8773f781bb8fa8fc.jpeg)

It isn’t critical for me. I can still see most of the avatar and enough of the notification markers to know when there is one. I’m not 100% certain it involves only topic title length. Some that have the ellipsis don’t cause the overflow, though it seems most do.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [December 9, 2018, 4:57am UTC](https://meta.discourse.org/t/header-avatar-overflow/103808/2 "2018-12-09T04:57:04Z")

</div>

I’ve seen this as well cc @awesomerobot in Chrome/Windows but it appears to come and go so I didn’t report it. Maybe “long titles” is the key?

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [December 9, 2018, 6:42am UTC](https://meta.discourse.org/t/header-avatar-overflow/103808/3 "2018-12-09T06:42:07Z")

</div>

The same topic now displays with the ellipsis truncating one letter sooner. Cache involved?

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/e/5e7bd3e00d1649e1b98e2631050a726a1aeb2617.jpeg)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [December 9, 2018, 9:29pm UTC](https://meta.discourse.org/t/header-avatar-overflow/103808/4 "2018-12-09T21:29:24Z")

</div>

Fixed this yesterday, needed to switch the title to border-box so the padding was included in the width calculation. It only happened with long titles.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [December 12, 2018, 12:45am UTC](https://meta.discourse.org/t/header-avatar-overflow/103808/5 "2018-12-12T00:45:58Z")

</div>