diff --git a/src/components/ha-control-number-buttons.ts b/src/components/ha-control-number-buttons.ts
index 5ee5dc0d1a..7e2fb7ce84 100644
--- a/src/components/ha-control-number-buttons.ts
+++ b/src/components/ha-control-number-buttons.ts
@@ -196,8 +196,8 @@ export class HaControlNumberButton extends LitElement {
         --control-number-buttons-background-opacity: 0.2;
         --control-number-buttons-border-radius: 10px;
         --mdc-icon-size: 16px;
-        height: 40px;
-        width: 200px;
+        height: var(--feature-height);
+        width: 100%;
         color: var(--primary-text-color);
         -webkit-tap-highlight-color: transparent;
         font-style: normal;