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