diff --git a/assets/js/src/common/styles.ts b/assets/js/src/common/styles.ts
new file mode 100644
index 0000000000..4410465e0d
--- /dev/null
+++ b/assets/js/src/common/styles.ts
@@ -0,0 +1,7 @@
+enum HorizontalAlignment {
+  Left = 'left',
+  Center = 'center',
+  Right = 'right',
+}
+
+export default HorizontalAlignment;
diff --git a/assets/js/src/form_editor/blocks/convert_alignment_to_margin.ts b/assets/js/src/form_editor/blocks/convert_alignment_to_margin.ts
index 56f794fe6b..a375ad9b61 100644
--- a/assets/js/src/form_editor/blocks/convert_alignment_to_margin.ts
+++ b/assets/js/src/form_editor/blocks/convert_alignment_to_margin.ts
@@ -1,9 +1,10 @@
+import HorizontalAlignment from 'common/styles';
 
-function convert(alignment: 'left' | 'center' | 'right'): string {
-  if (alignment === 'right') {
+function convert(alignment: HorizontalAlignment): string {
+  if (alignment === HorizontalAlignment.Right) {
     return '0 0 0 auto';
   }
-  if (alignment === 'center') {
+  if (alignment === HorizontalAlignment.Center) {
     return '0 auto';
   }
   return 'auto 0';
diff --git a/assets/js/src/form_editor/components/form_settings/styles_settings_panel.jsx b/assets/js/src/form_editor/components/form_settings/styles_settings_panel.jsx
index 7845547a1e..e95ddf5916 100644
--- a/assets/js/src/form_editor/components/form_settings/styles_settings_panel.jsx
+++ b/assets/js/src/form_editor/components/form_settings/styles_settings_panel.jsx
@@ -9,6 +9,7 @@ import MailPoet from 'mailpoet';
 import PropTypes from 'prop-types';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { partial } from 'lodash';
+import HorizontalAlignment from 'common/styles';
 
 import ColorSettings from 'form_editor/components/color_settings';
 import FontSizeSettings from 'form_editor/components/font_size_settings';
@@ -84,9 +85,9 @@ const BasicSettingsPanel = ({ onToggle, isOpened }) => {
             label={MailPoet.I18n.t('formSettingsAlignment')}
             onChange={partial(updateStyles, 'alignment')}
             options={[
-              { value: 'left', label: MailPoet.I18n.t('formSettingsAlignmentLeft') },
-              { value: 'center', label: MailPoet.I18n.t('formSettingsAlignmentCenter') },
-              { value: 'right', label: MailPoet.I18n.t('formSettingsAlignmentRight') },
+              { value: HorizontalAlignment.Left, label: MailPoet.I18n.t('formSettingsAlignmentLeft') },
+              { value: HorizontalAlignment.Center, label: MailPoet.I18n.t('formSettingsAlignmentCenter') },
+              { value: HorizontalAlignment.Right, label: MailPoet.I18n.t('formSettingsAlignmentRight') },
             ]}
             value={settings.alignment !== undefined ? settings.alignment : 'left'}
           />