diff --git a/src/panels/developer-tools/template/developer-tools-template.ts b/src/panels/developer-tools/template/developer-tools-template.ts
index bae3f6909ce4..0ac602dbe712 100644
--- a/src/panels/developer-tools/template/developer-tools-template.ts
+++ b/src/panels/developer-tools/template/developer-tools-template.ts
@@ -342,11 +342,7 @@ class HaPanelDevTemplate extends LitElement {
         .content.horizontal .render-pane .card-content {
           display: flex;
           flex-direction: column;
-          max-height: calc(
-            100vh - var(--header-height) - var(--paper-font-body1_-_line-height) * 3 - 1em * 2
-            - max(16px,env(safe-area-inset-top)) * 2 - max(16px,env(safe-area-inset-bottom)) * 2
-            - var(--ha-card-border-width,1px) * 2 - 132px
-          );
+          max-height: calc(var(--code-mirror-max-height) + 47px);
         }
 
         .all_listeners {