# New Topic button on /categories

**URL:** https://meta.discourse.org/t/new-topic-button-on-categories/65157
**Category:** UX
**Created:** [June 27, 2017, 12:58am UTC](https://meta.discourse.org/t/new-topic-button-on-categories/65157 "2017-06-27T00:58:10Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [June 27, 2017, 12:58am UTC](https://meta.discourse.org/t/new-topic-button-on-categories/65157/1 "2017-06-27T00:58:10Z")

</div>

It’s a shame to open a new topic on this tiny issue but it triggered my OCD, on the /categories page only, the + New Topic lacks a space between the + and New Topic

 ![](https://global.discourse-cdn.com/meta/original/3X/2/4/2427cc91aded4f809cfcea4512ff3dfb01e2bc98.jpg)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [June 27, 2017, 1:11am UTC](https://meta.discourse.org/t/new-topic-button-on-categories/65157/2 "2017-06-27T01:11:55Z")

</div>

This is a bug in the markup, that page should have a span around the button text so it can be hidden at small widths. Can you take this @techapj?

You can compare markup and CSS behavior on that button with latest.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [June 27, 2017, 1:12am UTC](https://meta.discourse.org/t/new-topic-button-on-categories/65157/3 "2017-06-27T01:12:31Z")

</div>

Actually the + is a FontAwesome icon on the `::before` of the button, and it has the same CSS classes on both pages.

Also, your styling appears a bit off. I can’t repro this here or in Try as user or admin.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [June 27, 2017, 1:13am UTC](https://meta.discourse.org/t/new-topic-button-on-categories/65157/4 "2017-06-27T01:13:05Z")

</div>

I can reproduce try a narrower browser width. Regardless we have dupe markup that has not been normalized with latest page.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [June 27, 2017, 9:49am UTC](https://meta.discourse.org/t/new-topic-button-on-categories/65157/5 "2017-06-27T09:49:32Z")

</div>

OK, I’ve added the necessary `<span></span>` tags so this will work as expected. On a small width the button will be simply the plus glyph.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [June 27, 2017, 9:49am UTC](https://meta.discourse.org/t/new-topic-button-on-categories/65157/6 "2017-06-27T09:49:36Z")

</div>