# Sidemenu List Element Height

**URL:** https://discourse.nodered.org/t/sidemenu-list-element-height/39537
**Category:** Dashboard
**Created:** [22 January 2021 07:37 UTC](https://discourse.nodered.org/t/sidemenu-list-element-height/39537 "2021-01-22T07:37:36Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![msmthng](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/msmthng/32/87616_2.png) [@msmthng](https://discourse.nodered.org/u/msmthng)
#### Post date: [22 January 2021 07:37 UTC](https://discourse.nodered.org/t/sidemenu-list-element-height/39537/1 "2021-01-22T07:37:36Z")

</div>

Does anybody know why i am not able to overwrite the md-list-item

in an ui-template added to the side header i did:

```auto
<style type="text/css">
    
body.nr-dashboard-theme {
    font-size: 14px;
    
list-item .md-no-style.md-button {
	font-size: 10px !important;
	
}

md-list-item._md-button-wrap > div.md-button:first-child {
	padding: 0px;
}

md-list-item {
    min-height: 30px !important;
    height: 30px !important;
}

</style>

```

The 14px font size for the dashboard works. but the list item height remains as 46px comming form

```auto
<style type="text/css" id="less:ui-css-app:min">....
</style>

```

even if my style defned in header is the latest one.

has anybody an idea how to reduce the line height in the sidebar.

thanks!

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [21 February 2021 07:37 UTC](https://discourse.nodered.org/t/sidemenu-list-element-height/39537/2 "2021-02-21T07:37:45Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.