diff --git a/assets/js/src/form_editor/components/editor.jsx b/assets/js/src/form_editor/components/editor.jsx
index 3ef5c30578..532fb2c494 100644
--- a/assets/js/src/form_editor/components/editor.jsx
+++ b/assets/js/src/form_editor/components/editor.jsx
@@ -19,7 +19,7 @@ import FormTitle from './form_title.jsx';
 import Notices from './notices.jsx';
 import UnsavedChangesNotice from './unsaved_changes_notice.jsx';
 import FormStyles from './form_styles.jsx';
-import Preview from './preview';
+import Preview from './preview/preview';
 import FormStylingBackground from './form_styling_background.jsx';
 
 /**
diff --git a/assets/js/src/form_editor/components/preview.tsx b/assets/js/src/form_editor/components/preview/preview.tsx
similarity index 96%
rename from assets/js/src/form_editor/components/preview.tsx
rename to assets/js/src/form_editor/components/preview/preview.tsx
index 4487db42fb..ff40baf954 100644
--- a/assets/js/src/form_editor/components/preview.tsx
+++ b/assets/js/src/form_editor/components/preview/preview.tsx
@@ -6,9 +6,9 @@ import MailPoet from 'mailpoet';
 import { Spinner } from '@wordpress/components';
 import { useDispatch, useSelect } from '@wordpress/data';
 
-import Preview from '../../common/preview/preview.jsx';
-import Modal from '../../common/modal/modal.jsx';
-import { onChange } from '../../common/functions';
+import Preview from 'common/preview/preview.jsx';
+import Modal from 'common/modal/modal.jsx';
+import { onChange } from 'common/functions';
 
 const FormPreview = () => {
   const [iframeLoaded, setIframeLoaded] = useState(false);