diff --git a/src/components/ha-sidebar.ts b/src/components/ha-sidebar.ts
index b5466196f8..fb315ed235 100644
--- a/src/components/ha-sidebar.ts
+++ b/src/components/ha-sidebar.ts
@@ -597,7 +597,7 @@ class HaSidebar extends LitElement {
         box-sizing: border-box;
         border-radius: 50%;
         font-weight: 400;
-        background-color: var(--primary-color);
+        background-color: var(--accent-color);
         line-height: 20px;
         text-align: center;
         padding: 0px 6px;