From c2dfa0fb77be6acf733d0ecee84ec2e4df3b5158 Mon Sep 17 00:00:00 2001
From: Pavel Dohnal <pavel@mailpoet.com>
Date: Thu, 28 May 2020 16:09:56 +0200
Subject: [PATCH] Add first, empty item

[MAILPOET-2849]
---
 .../src/common/form/react_select/font_select.tsx   | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/assets/js/src/common/form/react_select/font_select.tsx b/assets/js/src/common/form/react_select/font_select.tsx
index 8bc5cebdb5..e1c92c99d6 100644
--- a/assets/js/src/common/form/react_select/font_select.tsx
+++ b/assets/js/src/common/form/react_select/font_select.tsx
@@ -83,11 +83,17 @@ const FontSelect = ({
 }: Props) => {
   const fonts = [
     {
-      label: 'standard',
+      label: 'Theme’s default fonts',
+      value: undefined,
+    },
+    {
+      label: 'Standard fonts',
+      value: '',
       options: [],
     },
     {
-      label: 'custom',
+      label: 'Custom fonts',
+      value: '',
       options: [],
     },
   ];
@@ -100,8 +106,8 @@ const FontSelect = ({
     },
   });
 
-  standardFonts.forEach((fontName) => fonts[0].options.push(buildOption(fontName)));
-  customFonts.forEach((fontName) => fonts[1].options.push(buildOption(fontName)));
+  standardFonts.forEach((fontName) => fonts[1].options.push(buildOption(fontName)));
+  customFonts.forEach((fontName) => fonts[2].options.push(buildOption(fontName)));
 
   return (
     <Select