# Minor UX misalign when plugin involved

**URL:** https://meta.discourse.org/t/minor-ux-misalign-when-plugin-involved/393957
**Category:** UX
**Tags:** follow, category-experts, bug
**Created:** [January 21, 2026, 7:08am UTC](https://meta.discourse.org/t/minor-ux-misalign-when-plugin-involved/393957 "2026-01-21T07:08:17Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![small-lovely-cat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/small-lovely-cat/32/553546_2.png) [@small-lovely-cat](https://meta.discourse.org/u/small-lovely-cat)
#### Post date: [January 21, 2026, 7:08am UTC](https://meta.discourse.org/t/minor-ux-misalign-when-plugin-involved/393957/1 "2026-01-21T07:08:17Z")

</div>

This misalign involves two officially maintained plugins: `category-experts` and `follow`.

### Notification button misalign

When in PC view, and I endorsed a person, the “Normal” button failed to align, and Endorsed in x categories should also aligned to the center rather than the left.

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

Possible solution: In `user.scss`, only when viewpoint\<md will the special width be implemented, and that should be applied to all of the viewpoint size.

```scss
@include viewport.until(md) {
  li,
  > span {
    display: flex;
    flex: 1 1 45%;

    button,
    a {
      width: 100%;
    }

    .select-kit.dropdown-select-box.user-notifications-dropdown {
      width: 100%;
    }
  }
}

```

* * *

### Follow button misalign

In mobile view, the follow button misaligned with other buttons in width, and the endorsed view also sticks to the left rather than center aligned.

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/1/8/d18c6c34030104674e857f34ec4da9eceedb479e.png)