diff --git a/assets/css/src/components/formEditor/components/_preview.scss b/assets/css/src/components/formEditor/components/_preview.scss
new file mode 100644
index 0000000000..a72c36c619
--- /dev/null
+++ b/assets/css/src/components/formEditor/components/_preview.scss
@@ -0,0 +1,7 @@
+.mailpoet_spinner_wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+}
diff --git a/assets/css/src/formEditor.scss b/assets/css/src/formEditor.scss
index a3c78f3e5c..8cbd61befd 100644
--- a/assets/css/src/formEditor.scss
+++ b/assets/css/src/formEditor.scss
@@ -9,5 +9,6 @@
 @import '../../../node_modules/codemirror/theme/neo';
 @import './components/formEditor/components/form_title';
 @import './components/formEditor/components/sidebar';
+@import './components/formEditor/components/preview';
 @import './components/formEditor/components/block_editor';
 @import './components/formEditor/components/custom_field';
diff --git a/assets/js/src/form_editor/components/preview.jsx b/assets/js/src/form_editor/components/preview.jsx
index 794777c7d1..53637648a3 100644
--- a/assets/js/src/form_editor/components/preview.jsx
+++ b/assets/js/src/form_editor/components/preview.jsx
@@ -58,7 +58,9 @@ const FormPreview = () => {
     >
       <Preview>
         {form === null && (
-          <Spinner />
+          <div className="mailpoet_spinner_wrapper">
+            <Spinner />
+          </div>
         )}
         {form !== null && (
           <div>