diff --git a/src/components/ha-chip.ts b/src/components/ha-chip.ts
index e17e87d41e..d70b342232 100644
--- a/src/components/ha-chip.ts
+++ b/src/components/ha-chip.ts
@@ -102,6 +102,7 @@ export class HaChip extends LitElement {
 
       .mdc-chip:not(.outlined) .mdc-chip__icon.mdc-chip__icon--leading {
         margin-left: -12px !important;
+        margin-right: -2px;
       }
 
       .mdc-chip.outlined ha-svg-icon,
diff --git a/src/dialogs/quick-bar/ha-quick-bar.ts b/src/dialogs/quick-bar/ha-quick-bar.ts
index 80afe58dd7..b246e06da0 100644
--- a/src/dialogs/quick-bar/ha-quick-bar.ts
+++ b/src/dialogs/quick-bar/ha-quick-bar.ts
@@ -272,17 +272,10 @@ export class QuickBar extends LitElement {
         <span>
           <ha-chip
             .label=${item.categoryText}
-            hasIcon
+            .leadingIcon=${item.iconPath}
             class="command-category ${item.categoryKey}"
           >
-            ${item.iconPath
-              ? html`<ha-svg-icon
-                  .path=${item.iconPath}
-                  slot="icon"
-                ></ha-svg-icon>`
-              : ""}
-            ${item.categoryText}</ha-chip
-          >
+          </ha-chip>
         </span>
 
         <span class="command-text">${item.primaryText}</span>
@@ -623,7 +616,6 @@ export class QuickBar extends LitElement {
         }
 
         .command-category {
-          --ha-chip-icon-color: #585858;
           --ha-chip-text-color: #212121;
         }