diff --git a/src/badges/template/template-badge.ts b/src/badges/template/template-badge.ts
index 684d4574..30215db6 100644
--- a/src/badges/template/template-badge.ts
+++ b/src/badges/template/template-badge.ts
@@ -289,12 +289,15 @@ export class HuiEntityBadge extends LitElement implements LovelaceBadge {
         align-items: center;
         justify-content: center;
         gap: 8px;
-        height: 36px;
-        min-width: 36px;
+        height: var(--ha-badge-size, 36px);
+        min-width: var(--ha-badge-size, 36px);
         padding: 0px 8px;
         box-sizing: border-box;
         width: auto;
-        border-radius: 18px;
+        border-radius: var(
+          --ha-badge-border-radius,
+          calc(var(--ha-badge-size, 36px) / 2)
+        );
         background-color: var(--card-background-color, white);
         border-width: var(--ha-card-border-width, 1px);
         box-shadow: var(--ha-card-box-shadow, none);