From 467a5bef0b26ed15191fea7e7eae2f74736df8be Mon Sep 17 00:00:00 2001
From: Wendelin <12148533+wendevlin@users.noreply.github.com>
Date: Wed, 7 May 2025 10:30:36 +0200
Subject: [PATCH] Fix data-table search clear button alignment (#25348)

---
 src/components/search-input-outlined.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/search-input-outlined.ts b/src/components/search-input-outlined.ts
index bc43b88ecc..44eca97e29 100644
--- a/src/components/search-input-outlined.ts
+++ b/src/components/search-input-outlined.ts
@@ -85,7 +85,6 @@ class SearchInputOutlined extends LitElement {
       display: inline-flex;
       /* For iOS */
       z-index: 0;
-      --mdc-icon-button-size: 24px;
     }
     ha-outlined-text-field {
       display: block;
@@ -94,6 +93,8 @@ class SearchInputOutlined extends LitElement {
     }
     ha-svg-icon,
     ha-icon-button {
+      --mdc-icon-button-size: 24px;
+      height: var(--mdc-icon-button-size);
       display: flex;
       color: var(--primary-text-color);
     }