From 546461b70f2ce09a9a2613812e11ff247796f35d Mon Sep 17 00:00:00 2001
From: Zack Barett <zackbarett@hey.com>
Date: Fri, 25 Feb 2022 13:51:55 -0600
Subject: [PATCH] Fix Render Pane on Mobile (#11856)

---
 .../developer-tools/template/developer-tools-template.ts    | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/panels/developer-tools/template/developer-tools-template.ts b/src/panels/developer-tools/template/developer-tools-template.ts
index 74a5b8027d..97fa25cc84 100644
--- a/src/panels/developer-tools/template/developer-tools-template.ts
+++ b/src/panels/developer-tools/template/developer-tools-template.ts
@@ -289,6 +289,12 @@ class HaPanelDevTemplate extends LitElement {
         .rendered.error {
           color: var(--error-color);
         }
+
+        @media all and (max-width: 870px) {
+          .render-pane {
+            max-width: 100%;
+          }
+        }
       `,
     ];
   }