diff --git a/ghost/admin/app/components/modal-post-history.hbs b/ghost/admin/app/components/modal-post-history.hbs
index 4f70133040..254c957080 100644
--- a/ghost/admin/app/components/modal-post-history.hbs
+++ b/ghost/admin/app/components/modal-post-history.hbs
@@ -2,22 +2,25 @@
 <div class="gh-post-history" {{did-insert this.onInsert}}>
     <div class="gh-post-history-main">
         <div class="gh-koenig-editor-pane flex flex-column mih-100 {{if this.showDifferences "show-diff" ""}}">
-            <div class="gh-editor-feature-image-container"></div>
-                {{#if (and this.diffHtml this.showDifferences (feature 'postDiffing'))}}
-                    {{{this.diffHtml}}}
-                {{else if this.selectedHTML}}
-                    {{{this.selectedHTML}}}
-                {{/if}}
+            {{#if (and this.diffHtml this.showDifferences (feature 'postDiffing'))}}
+                {{{this.diffHtml}}}
+            {{else if this.selectedHTML}}
+                {{{this.selectedHTML}}}
+            {{/if}}
             <div class="gh-post-history-hidden-lexical previous">
-                <div class="gh-editor-feature-image">
-                    <img src="{{this.comparisonRevision.feature_image}}">
+                <div class="gh-editor-feature-image-container">
+                    <div class="gh-editor-feature-image">
+                        <img src="{{this.comparisonRevision.feature_image}}">
+                    </div>
                 </div>
                 <div class="gh-editor-title">{{this.previousTitle}}</div>
                 <KoenigLexicalEditor @lexical={{this.comparisonRevision.lexical}} @cardConfig={{this.cardConfig}} @registerAPI={{action "registerComparisonEditorApi"}}/>
             </div>
             <div class="gh-post-history-hidden-lexical current">
-                <div class="gh-editor-feature-image">
-                    <img src="{{this.selectedRevision.feature_image}}">
+                <div class="gh-editor-feature-image-container">
+                    <div class="gh-editor-feature-image">
+                        <img src="{{this.selectedRevision.feature_image}}">
+                    </div>
                 </div>
                 <div class="gh-editor-title">{{this.currentTitle}}</div>
                 <KoenigLexicalEditor @lexical={{this.selectedRevision.lexical}} @cardConfig={{this.cardConfig}} @registerAPI={{action "registerSelectedEditorApi"}}/>
diff --git a/ghost/admin/app/components/modal-post-history.js b/ghost/admin/app/components/modal-post-history.js
index 94a209d13d..956c96907d 100644
--- a/ghost/admin/app/components/modal-post-history.js
+++ b/ghost/admin/app/components/modal-post-history.js
@@ -30,7 +30,7 @@ export default class ModalPostHistory extends Component {
       this.editorAPI = this.args.model.editorAPI;
       this.toggleSettingsMenu = this.args.model.toggleSettingsMenu;
   }
-  @tracked selectedHTML = `<h1>loading...</h1>`;
+  @tracked selectedHTML = null;
   @tracked diffHtml = null;
   @tracked showDifferences = this.feature.get('postDiffing'); // should default to true in future
   @tracked selectedRevisionIndex = 0;
diff --git a/ghost/admin/app/styles/components/modals-new.css b/ghost/admin/app/styles/components/modals-new.css
index 131d546e9d..07e7f9225f 100644
--- a/ghost/admin/app/styles/components/modals-new.css
+++ b/ghost/admin/app/styles/components/modals-new.css
@@ -255,7 +255,7 @@
 .modal-footer {
     display: flex;
     justify-content: flex-end;
-    margin-top: 20px;
+    margin-top: 3.2rem;
 }
 
 .modal-footer-spread {