diff --git a/assets/css/src/components/_modal.scss b/assets/css/src/components/_modal.scss
index 8ee5fb4ca7..ecd5878fa9 100644
--- a/assets/css/src/components/_modal.scss
+++ b/assets/css/src/components/_modal.scss
@@ -44,6 +44,7 @@ $icon-button-size: 36px;
   width: 100%;
 
   // Centered on desktops
+
   @media screen and (min-width: 600px) {
     // Animate the modal frame/contents appearing on the page.
     animation: mailpoet-modal-appear-animation .1s ease-out;
diff --git a/assets/js/src/form_editor/components/preview.jsx b/assets/js/src/form_editor/components/preview.jsx
index 2b8fd7beb7..04a03271f7 100644
--- a/assets/js/src/form_editor/components/preview.jsx
+++ b/assets/js/src/form_editor/components/preview.jsx
@@ -69,12 +69,12 @@ const FormPreview = () => {
               {'.mailpoet_hp_email_label { display: none }' }
               {form.css}
             </style>
+            {/* eslint-disable-next-line react/no-danger */}
+            <div dangerouslySetInnerHTML={{ __html: form.html }} />
             <div className="mailpoet_message">
               <p className="mailpoet_validate_success">{MailPoet.I18n.t('successMessage')}</p>
               <p className="mailpoet_validate_error">{MailPoet.I18n.t('errorMessage')}</p>
             </div>
-            {/* eslint-disable-next-line react/no-danger */}
-            <div dangerouslySetInnerHTML={{ __html: form.html }} />
           </div>
         </Preview>
       )}