# CSS button not working

**URL:** https://discourse.nodered.org/t/css-button-not-working/27962
**Category:** Dashboard
**Created:** [7 June 2020 22:54 UTC](https://discourse.nodered.org/t/css-button-not-working/27962 "2020-06-07T22:54:58Z")
**Posts on this page:** 1
**Showing post:** 8

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [8 June 2020 00:06 UTC](https://discourse.nodered.org/t/css-button-not-working/27962/8 "2020-06-08T00:06:11Z")

</div>

There you go...

> [@Material design icon in \`button\` node](https://discourse.nodered.org/t/material-design-icon-in-button-node/15257):
>
> Believe me when I say I am not doing this to annoy anyone. I want to put this on a button as the "icon". \<i class="material-icons"\> repeat\_one \</i\> Obviously I can't just put that in the icon field. My brain has failed me again in working out how to do it. Thanks.

Copy the code this ^ guy did here ^ into your button

Edit...  
Forgot to say, it's probably not gonna work with extra stuff inside the `<i>`

Try this...

```auto
    <md-button class="md-button program-names darkred">
        <i class="material-icons">
            analytics
        </i>
        <md-tooltip>Device status</md-tooltip>
    </md-button>

```

---

_[View the full topic](https://discourse.nodered.org/t/css-button-not-working/27962)._