From 22da402d56410a2c016dc1fe1d9311c6a48c68ca Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Mon, 4 Dec 2023 15:17:43 +0100
Subject: [PATCH] Fix border radius for outlined icon button old browsers
 (#18888)

---
 src/components/ha-outlined-icon-button.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/ha-outlined-icon-button.ts b/src/components/ha-outlined-icon-button.ts
index 42c2ea52d0..eae1b0d560 100644
--- a/src/components/ha-outlined-icon-button.ts
+++ b/src/components/ha-outlined-icon-button.ts
@@ -6,6 +6,11 @@ import { MdOutlinedIconButton } from "@material/web/iconbutton/outlined-icon-but
 @customElement("ha-outlined-icon-button")
 export class HaOutlinedIconButton extends MdOutlinedIconButton {
   static override styles = [
+    css`
+      .icon-button {
+        border-radius: var(--_container-shape);
+      }
+    `,
     ...super.styles,
     css`
       :host {