diff --git a/elements/hax-body/lib/hax-tray.js b/elements/hax-body/lib/hax-tray.js
index b75167f342..2d22ce9ca1 100755
--- a/elements/hax-body/lib/hax-tray.js
+++ b/elements/hax-body/lib/hax-tray.js
@@ -265,7 +265,6 @@ class HaxTray extends I18NMixin(
         }
         :host([tray-detail="view-source"]) .detail {
           width: 50vw;
-          height: 50vh;
           min-height: 300px;
           min-width: calc(var(--hax-tray-width) - 100px);
           resize: both;
diff --git a/elements/hax-body/lib/hax-view-source.js b/elements/hax-body/lib/hax-view-source.js
index 8eab3c1c30..ec2eac8160 100644
--- a/elements/hax-body/lib/hax-view-source.js
+++ b/elements/hax-body/lib/hax-view-source.js
@@ -21,7 +21,10 @@ class HaxViewSource extends I18NMixin(MtzFileDownloadBehaviors(LitElement)) {
     return [
       ...HaxComponentStyles,
       css`
-        :host,
+        :host {
+          display: block;
+          height: calc(100vh - 120px);
+        }
         #wrapper {
           margin: 0;
           padding: 0;
@@ -41,6 +44,7 @@ class HaxViewSource extends I18NMixin(MtzFileDownloadBehaviors(LitElement)) {
           bottom: 0;
           margin: 0;
           padding: 0;
+          height: calc(100vh - 200px);
         }
         .updatecontent {
           background-color: var(--simple-colors-default-theme-green-1);