# "Meer onderwerpen" container "Voorgesteld" of "Gerelateerd" geselecteerd itemrand dringt door in elementen eronder

**URL:** https://meta.discourse.org/t/more-topics-container-suggested-or-related-selected-item-border-intrudes-into-elements-below-it/286085
**Category:** UX
**Tags:** css, suggested-topics
**Created:** [20 november 2023 om 14:45 UTC](https://meta.discourse.org/t/more-topics-container-suggested-or-related-selected-item-border-intrudes-into-elements-below-it/286085 "2023-11-20T14:45:29Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![rahim123](https://avatars.discourse-cdn.com/v4/letter/r/df705f/32.png) [@rahim123](https://meta.discourse.org/u/rahim123)
#### Post date: [20 november 2023 om 14:45 UTC](https://meta.discourse.org/t/more-topics-container-suggested-or-related-selected-item-border-intrudes-into-elements-below-it/286085/1 "2023-11-20T14:45:29Z")

</div>

Hi there, this issue is even more noticeable on my own instance, but it’s also visible here on Meta:

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/4/5/645c1ee603a5ea5558dd79c0101e39f524669757.png)

I worked around it for now with:

```css
.more-topics__container .nav li .btn { /* Private messages "Related" and "Suggested" selected border was intruding into elements below */
    padding: 0em .65em;
}
```

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [1 december 2023 om 13:23 UTC](https://meta.discourse.org/t/more-topics-container-suggested-or-related-selected-item-border-intrudes-into-elements-below-it/286085/2 "2023-12-01T13:23:33Z")

</div>

I’m afraid I can’t repro this on meta.

 ![image](https://global.discourse-cdn.com/meta/original/4X/e/e/c/eec83a85df8d2dfb218b0ca6f78298834777bb65.png)

Do you still see the issue?

---

<div class="post-metadata">

### Author: ![rahim123](https://avatars.discourse-cdn.com/v4/letter/r/df705f/32.png) [@rahim123](https://meta.discourse.org/u/rahim123)
#### Post date: [1 december 2023 om 14:00 UTC](https://meta.discourse.org/t/more-topics-container-suggested-or-related-selected-item-border-intrudes-into-elements-below-it/286085/3 "2023-12-01T14:00:59Z")

</div>

Hi there, thanks for looking into this. Yes, I do still see the issue:

### With Chromium:

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/7/8/f783c9965b19b8db023e67cd498a6d62ee18d804.png)

### With Firefox:

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/c/c/7cc13dacc624dc9e91c6b704286e36a1a17079d7.png)

I suspect that the issue has something to do with very specific font size and/or font scaling settings at the OS level. I saw something similar with this bug report:

> [@Usercard Redesign Experiment](https://meta.discourse.org/t/usercard-redesign-experiment/254353/159):
>
> Hi there, I ran across a bit of an issue where the usercard appears partially off-screen. It seems to only happen when the browser is maximized and using a higher zoom and/or higher dpi setting. It’s more noticeable with Sam’s Simple Theme, but it starts to happen with the “Default” theme too depending on the zoom level and how many frequent posters appear:

The difference in this case with the “Suggested” or “Related” border is that changing the zoom level and/or my OS text scaling value to normal defaults makes no difference.

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [1 december 2023 om 14:06 UTC](https://meta.discourse.org/t/more-topics-container-suggested-or-related-selected-item-border-intrudes-into-elements-below-it/286085/4 "2023-12-01T14:06:43Z")

</div>

Hmm, I also tried playing with zoom and font-size, including on firefox, but no luck so far (to repro)…