# New header dropdown / notification menu styles

**URL:** https://meta.discourse.org/t/new-header-dropdown-notification-menu-styles/369574
**Category:** UX
**Tags:** feedback, design-experiment
**Created:** [June 10, 2025, 4:49pm UTC](https://meta.discourse.org/t/new-header-dropdown-notification-menu-styles/369574 "2025-06-10T16:49:41Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [June 10, 2025, 4:49pm UTC](https://meta.discourse.org/t/new-header-dropdown-notification-menu-styles/369574/1 "2025-06-10T16:49:41Z")

</div>

This is merged → [UX: Notification panel update by jordanvidrine · Pull Request #33795 · discourse/discourse · GitHub](https://github.com/discourse/discourse/pull/33795)

* * *

UPDATE:

This is now active on meta for all users

## Summary

Experiment for a new look & style for header dropdown menus along with notification item styles.

We remove the “active” border styling from dropdowns in header. This border adds a complication to styling when creating themes.

We add spacing, and change the “active” icon styling on the notification menu.

## Screenshots

| Before | After |
| --- | --- |
| ![CleanShot 2025-06-24 at 09.50.29@2x](https://global.discourse-cdn.com/meta/original/4X/0/4/0/0409d95c06dfd7847d18be047e512a846bfa03f6.png) | ![CleanShot 2025-06-24 at 09.47.10@2x](https://global.discourse-cdn.com/meta/original/4X/e/7/f/e7fc62e76a04d4368a9ae4fad22e92c047e9db30.png) |

---

_[View the full topic](https://meta.discourse.org/t/new-header-dropdown-notification-menu-styles/369574)._
