From 4692a98f46467810852a659cc5dfdb018ca487be Mon Sep 17 00:00:00 2001
From: Aidan Timson <aidan@timmo.dev>
Date: Tue, 10 Feb 2026 12:38:43 +0000
Subject: [PATCH] Restore safe area margins, leave full height width

---
 src/panels/custom/ha-panel-custom.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/panels/custom/ha-panel-custom.ts b/src/panels/custom/ha-panel-custom.ts
index a6e821873d..d1f6c90ce0 100644
--- a/src/panels/custom/ha-panel-custom.ts
+++ b/src/panels/custom/ha-panel-custom.ts
@@ -152,6 +152,15 @@ export class HaPanelCustom extends ReactiveElement {
           height: 100%;
           display: block;
           background-color: var(--primary-background-color);
+          margin-top: var(--safe-area-inset-top);
+          margin-bottom: var(--safe-area-inset-bottom);
+          margin-right: var(--safe-area-inset-right);
+        }
+        @media (max-width: 870px) {
+          iframe {
+            width: calc(100% - var(--safe-area-inset-left, 0px) - var(--safe-area-inset-right, 0px));
+            margin-left: var(--safe-area-inset-left);
+          }
         }
       </style>
       <iframe ${titleAttr}></iframe>`.trim();