diff --git a/src/components/entity/ha-entity-combo-box.ts b/src/components/entity/ha-entity-combo-box.ts
index 2aa96604f6..9a89fe23d3 100644
--- a/src/components/entity/ha-entity-combo-box.ts
+++ b/src/components/entity/ha-entity-combo-box.ts
@@ -71,7 +71,7 @@ const DOMAIN_STYLE = styleMap({
 });
 
 const ENTITY_ID_STYLE = styleMap({
-  fontFamily: "var(--code-font-family, monospace)",
+  fontFamily: "var(--ha-font-family-code)",
   fontSize: "var(--ha-font-size-xs)",
 });
 
diff --git a/src/components/entity/ha-statistic-combo-box.ts b/src/components/entity/ha-statistic-combo-box.ts
index c6ec0621d0..313bececcb 100644
--- a/src/components/entity/ha-statistic-combo-box.ts
+++ b/src/components/entity/ha-statistic-combo-box.ts
@@ -48,7 +48,7 @@ interface StatisticItem {
 const TYPE_ORDER = ["entity", "external", "no_state"] as StatisticItemType[];
 
 const ENTITY_ID_STYLE = styleMap({
-  fontFamily: "var(--code-font-family, monospace)",
+  fontFamily: "var(--ha-font-family-code)",
   fontSize: "11px",
 });