# Topic Preview Modal

**URL:** https://meta.discourse.org/t/topic-preview-modal/409712
**Category:** Theme component
**Created:** [10 augustus 2026 om 15:54 UTC](https://meta.discourse.org/t/topic-preview-modal/409712 "2026-08-10T15:54:59Z")
**Posts on this page:** 1
**Showing post:** 14

<div class="post-metadata">

### Author: ![eisammy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eisammy/32/528804_2.png) [@eisammy](https://meta.discourse.org/u/eisammy)
#### Post date: [11 augustus 2026 om 09:29 UTC](https://meta.discourse.org/t/topic-preview-modal/409712/14 "2026-08-11T09:29:46Z")

</div>

Question: Why does the `border-top` of `.topic-avatar` end up appearing as a separator between the part of the previous post that remains visible during scrolling and the beginning of the current post? Is that the actual intention of this `border-top`, or is there some positioning/overflow rule causing it to behave this way?

 ![After](https://global.discourse-cdn.com/meta/original/4X/8/d/9/8d9db62ead2b8f90d381eee5c24dc9a672aff1b4.png)  
 ![Before](https://global.discourse-cdn.com/meta/original/4X/3/a/4/3a485306f1f447748eeefdda8e49e81974099072.png)

```plaintext
@media (width >= 40rem) {
    .topic-avatar {
        border-top: 1px solid var(--content-border-color);
        padding-top: var(--space-4);
        width: var(--topic-avatar-width);
        float: left;
        z-index: 2;
        height: 100%;
        overflow-anchor: none;
    }
}

```

---

_[View the full topic](https://meta.discourse.org/t/topic-preview-modal/409712)._