diff --git a/assets/js/src/form_editor/components/form_settings/form_settings.jsx b/assets/js/src/form_editor/components/form_settings/form_settings.jsx
index 65cc66b009..a723340c24 100644
--- a/assets/js/src/form_editor/components/form_settings/form_settings.jsx
+++ b/assets/js/src/form_editor/components/form_settings/form_settings.jsx
@@ -3,6 +3,7 @@ import React from 'react';
import { useDispatch, useSelect } from '@wordpress/data';
import { partial } from 'lodash';
import BasicSettingsPanel from './basic_settings_panel.jsx';
+import StylesSettingsPanel from './styles_settings_panel.jsx';
import FormPlacementPanel from './form_placement_panel.jsx';
import CustomCssPanel from './custom_css_panel.jsx';
@@ -19,6 +20,10 @@ export default () => {
isOpened={openedPanels.includes('basic-settings')}
onToggle={partial(toggleSidebarPanel, 'basic-settings')}
/>
+
{
+ return (
+
+
+ Styles
+
+
+ );
+};
+
+BasicSettingsPanel.propTypes = {
+ onToggle: PropTypes.func.isRequired,
+ isOpened: PropTypes.bool.isRequired,
+};
+
+export default BasicSettingsPanel;
diff --git a/views/form/editor.html b/views/form/editor.html
index 75162c205c..0dfb30dff8 100644
--- a/views/form/editor.html
+++ b/views/form/editor.html
@@ -34,6 +34,7 @@
'changesNotSaved': __('Your changes you made may not be saved'),
'form': __('Form'),
'formSettings': _x('Settings', 'A settings section heading'),
+ 'formSettingsStyles': __('Styles'),
'customFieldSettings': _x('Custom field settings', 'A settings section heading'),
'customFieldsFormSettings': _x('Form settings', 'A settings section heading'),
'formPlacement': _x('Form Placement', 'A settings section heading'),