# Advanced Search Banner

**URL:** <https://meta.discourse.org/t/advanced-search-banner/122939>\
**Category:** Theme component\
**Tags:** official, deprecated, search-banner, advanced-search-banner\
**Created:** [July 15, 2019, 3:49am UTC](https://meta.discourse.org/t/advanced-search-banner/122939 "2019-07-15T03:49:07Z")\
**Posts on this page:** 1\
**Showing post:** 163

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [September 21, 2024, 2:21pm UTC](https://meta.discourse.org/t/advanced-search-banner/122939/163 "2024-09-21T14:21:53Z")

</div>

Here’s a quick fix in waiting for an official fix:

```css
.search-menu {
  .search-link {
    .badge-category {
      display: inline-flex;
    }
  }
}

```

* * *

It seems related to this CSS:

> <https://github.com/discourse/discourse-search-banner/blob/main/mobile/mobile.scss#L1-L7>

The badge category doesn’t have the proper display.

 ![This image shows a computer screen with a web browser open, displaying HTML and CSS code. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/7/1/f/71fb21e98b7321858c3ef1f7fa7afecb74ca9b2e.png)

However, there is already an `inline-flex` on `.badge-category`, so I think it’s safe to remove the CSS in the component. 🤔

> <https://github.com/discourse/discourse/blob/main/app/assets/stylesheets/common/components/badges.scss#L28-L33>

---

_[View the full topic](https://meta.discourse.org/t/advanced-search-banner/122939)._