From 4a38f7a9e073e58ab40d962928f477acfe5e7f28 Mon Sep 17 00:00:00 2001
From: Donnie <donniekarnsinsb@hotmail.com>
Date: Mon, 2 Nov 2020 09:29:22 -0800
Subject: [PATCH] Fix padding from left edge to list item graphic

---
 src/components/ha-sidebar.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/ha-sidebar.ts b/src/components/ha-sidebar.ts
index 6f9856979a..11debcda46 100644
--- a/src/components/ha-sidebar.ts
+++ b/src/components/ha-sidebar.ts
@@ -958,8 +958,12 @@ class HaSidebar extends LitElement {
           position: relative;
           outline: 0;
         }
+        ha-clickable-list-item {
+          --mdc-list-side-padding: 20px;
+        }
 
         mwc-list-item {
+          --mdc-list-side-padding: 20px;
           box-sizing: border-box;
           margin: 4px;
           border-radius: 4px;
@@ -1065,8 +1069,8 @@ class HaSidebar extends LitElement {
         .profile {
           margin-left: env(safe-area-inset-left);
           --mdc-list-item-graphic-size: 40px;
-          --mdc-list-item-graphic-margin: 15px;
-          --mdc-list-side-padding: 9px;
+          --mdc-list-item-graphic-margin: 16px;
+          --mdc-list-side-padding: 12px;
         }
         :host([rtl]) .profile {
           margin-left: initial;