From 8223cae5014cf90beab1d07772c28df6aeeb73c9 Mon Sep 17 00:00:00 2001
From: Dermot Duffy <dermot.duffy@gmail.com>
Date: Fri, 6 Mar 2026 07:39:32 -0800
Subject: [PATCH] fix: Button style issue introduced by HA `2026.3` (#2392)
 (#2394)

- Closes: #2390
---
 src/scss/editor.scss                | 11 ++++++-----
 src/scss/menu.scss                  |  4 ++--
 src/scss/next-previous-control.scss |  4 ++--
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/scss/editor.scss b/src/scss/editor.scss
index de93b5b9..fd5a4af1 100644
--- a/src/scss/editor.scss
+++ b/src/scss/editor.scss
@@ -1,7 +1,7 @@
 @use './button.scss';
 
 .option {
-  padding: 4px 4px;
+  padding: 8px 4px;
   cursor: pointer;
 }
 .option.option-overrides .title {
@@ -87,15 +87,16 @@
   margin-top: 10px;
 }
 
-.submenu .controls {
+.submenu .values .controls {
   display: inline-block;
   margin-left: auto;
   margin-right: 0px;
   margin-bottom: 5px;
+  margin-top: 5px;
 }
-.submenu .controls ha-icon-button {
-  --mdc-icon-button-size: 32px;
-  --mdc-icon-size: calc(var(--mdc-icon-button-size) / 2);
+.submenu .values .controls ha-icon-button {
+  --ha-icon-button-size: 32px;
+  --mdc-icon-size: calc(var(--ha-icon-button-size) / 2);
 }
 span.info {
   padding: 10px;
diff --git a/src/scss/menu.scss b/src/scss/menu.scss
index a2e31daa..9c47ed0a 100644
--- a/src/scss/menu.scss
+++ b/src/scss/menu.scss
@@ -2,8 +2,8 @@
 
 :host {
   --advanced-camera-card-menu-button-size: 40px;
-  --mdc-icon-button-size: var(--advanced-camera-card-menu-button-size);
-  --mdc-icon-size: calc(var(--mdc-icon-button-size) / 2);
+  --ha-icon-button-size: var(--advanced-camera-card-menu-button-size);
+  --mdc-icon-size: calc(var(--ha-icon-button-size) / 2);
 
   pointer-events: auto;
 
diff --git a/src/scss/next-previous-control.scss b/src/scss/next-previous-control.scss
index 15a17fdb..fcae5ada 100644
--- a/src/scss/next-previous-control.scss
+++ b/src/scss/next-previous-control.scss
@@ -7,8 +7,8 @@
   );
   --advanced-camera-card-left-position: 45px;
   --advanced-camera-card-right-position: 45px;
-  --mdc-icon-button-size: var(--advanced-camera-card-next-prev-size);
-  --mdc-icon-size: calc(var(--mdc-icon-button-size) / 2);
+  --ha-icon-button-size: var(--advanced-camera-card-next-prev-size);
+  --mdc-icon-size: calc(var(--ha-icon-button-size) / 2);
 }
 
 .controls {