# Icons only in side bar

**URL:** https://discourse.nodered.org/t/icons-only-in-side-bar/6628
**Category:** Dashboard
**Created:** [9 January 2019 22:07 UTC](https://discourse.nodered.org/t/icons-only-in-side-bar/6628 "2019-01-09T22:07:43Z")
**Posts on this page:** 1
**Showing post:** 12

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [11 November 2020 12:22 UTC](https://discourse.nodered.org/t/icons-only-in-side-bar/6628/12 "2020-11-11T12:22:15Z")

</div>

How to customize dashboard CSS [🖌 Customize dashboard CSS](https://discourse.nodered.org/t/customize-dashboard-css/23139)

To have only icons in side bar (and shrink the size down)

```auto
<style>
    md-list-item p {
        display:none !important;
    }
    md-sidenav > md-list > md-list-item{
        width:88px !important;
    }
    @media (max-width: 660px){
            md-sidenav, md-sidenav.md-locked-open, md-sidenav.md-closed.md-locked-open-add-active {
            min-width: unset !important;
            width: auto !important;
            max-width: unset !important;
        }
    }
    @media (min-width: 661px){
        md-sidenav, md-sidenav.md-locked-open, md-sidenav.md-closed.md-locked-open-add-active {
            min-width: unset !important;
            width: auto;
            max-width: unset !important;
        }
    }
    md-list-item._md-button-wrap > div.md-button:first-child {
       padding: 0 16px;
    }
</style>

```

---

_[View the full topic](https://discourse.nodered.org/t/icons-only-in-side-bar/6628)._