diff --git a/src/components/ha-sidebar.ts b/src/components/ha-sidebar.ts
index e7ffebdb37..9b9695a765 100644
--- a/src/components/ha-sidebar.ts
+++ b/src/components/ha-sidebar.ts
@@ -875,8 +875,6 @@ class HaSidebar extends SubscribeMixin(LitElement) {
 
         ha-md-list {
           padding: 4px 0;
-          display: flex;
-          flex-direction: column;
           box-sizing: border-box;
           height: calc(100% - var(--header-height) - 132px);
           height: calc(
@@ -888,11 +886,13 @@ class HaSidebar extends SubscribeMixin(LitElement) {
         }
 
         ha-md-list-item {
+          flex-shrink: 0;
           box-sizing: border-box;
           margin: 4px;
           border-radius: 4px;
-          height: 40px;
           --md-list-item-one-line-container-height: 40px;
+          --md-list-item-top-space: 0;
+          --md-list-item-bottom-space: 0;
           width: 48px;
           position: relative;
           --md-list-item-label-text-color: var(--sidebar-text-color);
@@ -981,13 +981,12 @@ class HaSidebar extends SubscribeMixin(LitElement) {
 
         ha-md-list-item.user {
           --md-list-item-leading-icon-size: 40px;
-          --md-list-item-bottom-space: 12px;
           --md-list-item-leading-space: 4px;
-          --md-list-item-trailing-space: 4px;
         }
 
         ha-user-badge {
           flex-shrink: 0;
+          margin-right: -8px;
         }
 
         .spacer {