# Shield icon cut off for long usernames **URL:** \ **Category:** UX\ **Created:** [3월 3, 2019, 7:46오전 UTC](https://meta.discourse.org/t/shield-icon-cut-off-for-long-usernames/110551 "2019-03-03T07:46:04Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![Chaboi\_3000](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chaboi_3000/32/163015_2.png) [@Chaboi\_3000](https://meta.discourse.org/u/Chaboi_3000)\ **Post date:** [3월 3, 2019, 7:46오전 UTC](https://meta.discourse.org/t/shield-icon-cut-off-for-long-usernames/110551/1 "2019-03-03T07:46:04Z")
When you have a long username, or in this case a long name, the moderator shield icon gets cut off as seen here(Sorry for cutting part of your head jomaxro) I see this both in chrome and safari: ![26%20PM](https://global.discourse-cdn.com/meta/original/3X/6/5/6539f7b35d12e9e4704ea33b23a584c0b0bf22b3.png) This only appears when viewing a user’s usercard. For example, let’s test @jomaxro’s. If you click on his username, you should probably see the cut off shield icon. * * * I tried changing the width of the icon to around 76% and fixed it, but that results in a slightly shifted shield. ![35%20PM](https://global.discourse-cdn.com/meta/original/3X/a/5/a5c1dfc8020d3e8f12c92ed61b29080949f2a9ec.png) ---
**Author:** ![TheBestPessimist](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thebestpessimist/32/247704_2.png) [@TheBestPessimist](https://meta.discourse.org/u/TheBestPessimist)\ **Post date:** [3월 3, 2019, 11:28오전 UTC](https://meta.discourse.org/t/shield-icon-cut-off-for-long-usernames/110551/2 "2019-03-03T11:28:35Z")
Chrome, 125% zoom: nothing is deleted: ![image](https://global.discourse-cdn.com/meta/original/3X/9/6/96cc3dcda1db4dc02e05875dd2d4460e4807db8b.png) ---
**Author:** ![thegurjyot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thegurjyot/32/120516_2.png) [@thegurjyot](https://meta.discourse.org/u/thegurjyot)\ **Post date:** [3월 3, 2019, 11:32오전 UTC](https://meta.discourse.org/t/shield-icon-cut-off-for-long-usernames/110551/3 "2019-03-03T11:32:17Z")
It’s cropped on my side as well. ---
**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:** [3월 3, 2019, 11:15오후 UTC](https://meta.discourse.org/t/shield-icon-cut-off-for-long-usernames/110551/4 "2019-03-03T23:15:01Z")
What browser? How much zoom to you have? If using Zoom why no use large fonts instead? ---
**Author:** ![Chaboi\_3000](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chaboi_3000/32/163015_2.png) [@Chaboi\_3000](https://meta.discourse.org/u/Chaboi_3000)\ **Post date:** [3월 4, 2019, 1:55오전 UTC](https://meta.discourse.org/t/shield-icon-cut-off-for-long-usernames/110551/5 "2019-03-04T01:55:21Z")
I’m currently using Chrome Version 72.0.3626.119 (Official Build) (64-bit). Mine’s at normal 100% zoom. ---
**Author:** ![thegurjyot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thegurjyot/32/120516_2.png) [@thegurjyot](https://meta.discourse.org/u/thegurjyot)\ **Post date:** [3월 4, 2019, 1:19오후 UTC](https://meta.discourse.org/t/shield-icon-cut-off-for-long-usernames/110551/8 "2019-03-04T13:19:30Z")
I am not using any zoom in the browser. The zoom it at 100% only. I am using Google Chrome 72.036.. version official build. ---
**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:** [3월 4, 2019, 11:30오후 UTC](https://meta.discourse.org/t/shield-icon-cut-off-for-long-usernames/110551/9 "2019-03-04T23:30:51Z")
Yeah we have a repro of the issue it is on @Johani’s list. ---
**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\ **Post date:** [4월 19, 2019, 8:54오전 UTC](https://meta.discourse.org/t/shield-icon-cut-off-for-long-usernames/110551/10 "2019-04-19T08:54:59Z")
This will be fixed via [https://github.com/discourse/discourse/commit/b150a573839efd61f15a61f6a82f5c057b7273a8](https://github.com/discourse/discourse/commit/b150a573839efd61f15a61f6a82f5c057b7273a8) Thanks for reporting the issue @Chaboi_3000 👍 ---
**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\ **Post date:** [4월 20, 2019, 10:00오전 UTC](https://meta.discourse.org/t/shield-icon-cut-off-for-long-usernames/110551/11 "2019-04-20T10:00:01Z")
This topic was automatically closed after 25 hours. New replies are no longer allowed.