diff --git a/assets/js/src/form_editor/blocks/submit/edit.tsx b/assets/js/src/form_editor/blocks/submit/edit.tsx
index f9a2e06734..482f3aebd2 100644
--- a/assets/js/src/form_editor/blocks/submit/edit.tsx
+++ b/assets/js/src/form_editor/blocks/submit/edit.tsx
@@ -68,6 +68,10 @@ const SubmitEdit = ({ attributes, setAttributes }) => {
styles.backgroundColor = attributes.styles.backgroundColor;
}
+ if (attributes.styles.fontFamily && !attributes.styles.inheritFromTheme) {
+ styles.fontFamily = attributes.styles.fontFamily;
+ }
+
const className = classnames('mailpoet_submit', { button: attributes.styles.inheritFromTheme });
return (
diff --git a/assets/js/src/form_editor/blocks/submit/styles_settings.tsx b/assets/js/src/form_editor/blocks/submit/styles_settings.tsx
index 8da9759a5d..38127aee6e 100644
--- a/assets/js/src/form_editor/blocks/submit/styles_settings.tsx
+++ b/assets/js/src/form_editor/blocks/submit/styles_settings.tsx
@@ -11,6 +11,7 @@ import { partial } from 'lodash';
import ColorSettings from 'form_editor/components/color_settings';
import FontSizeSetting from 'form_editor/components/font_size_settings';
import { FormSettingsType } from 'form_editor/components/form_settings/form_settings';
+import FontFamilySettings from '../../components/font_family_settings';
type Styles = {
fullWidth: boolean,
@@ -19,6 +20,7 @@ type Styles = {
backgroundColor?: string,
fontColor?: string,
fontSize?: number,
+ fontFamily?: string,
borderSize?: number,
borderRadius?: number,
borderColor?: string,
@@ -103,6 +105,11 @@ const StylesSettings = ({
onChange={partial(updateStyles, 'bold')}
className="mailpoet-automation-styles-bold-toggle"
/>
+