diff --git a/assets/js/src/form_editor/components/editor.jsx b/assets/js/src/form_editor/components/editor.jsx
index 1bcaa9b7f0..617dfe0cdd 100644
--- a/assets/js/src/form_editor/components/editor.jsx
+++ b/assets/js/src/form_editor/components/editor.jsx
@@ -17,7 +17,7 @@ import Notices from './notices.jsx';
import UnsavedChangesNotice from './unsaved_changes_notice.jsx';
import FormStyles from './form_styles.jsx';
import Preview from './preview.jsx';
-import FormBackground from './form_background.jsx';
+import FormStylingBackground from './form_styling_background.jsx';
// Editor settings - see @wordpress/block-editor/src/store/defaults.js
const editorSettings = {
@@ -69,14 +69,14 @@ export default () => {
-
+
-
+
diff --git a/assets/js/src/form_editor/components/form_background.jsx b/assets/js/src/form_editor/components/form_styling_background.jsx
similarity index 81%
rename from assets/js/src/form_editor/components/form_background.jsx
rename to assets/js/src/form_editor/components/form_styling_background.jsx
index 40ecfc40b0..bb01206a32 100644
--- a/assets/js/src/form_editor/components/form_background.jsx
+++ b/assets/js/src/form_editor/components/form_styling_background.jsx
@@ -2,7 +2,7 @@ import React from 'react';
import PropTypes from 'prop-types';
import { useSelect } from '@wordpress/data';
-const FormBackground = ({ children }) => {
+const FormStylingBackground = ({ children }) => {
const { fontColor, backgroundColor } = useSelect(
(select) => {
const settings = select('mailpoet-form-editor').getFormSettings();
@@ -20,8 +20,8 @@ const FormBackground = ({ children }) => {
);
};
-FormBackground.propTypes = {
+FormStylingBackground.propTypes = {
children: PropTypes.node.isRequired,
};
-export default FormBackground;
+export default FormStylingBackground;