diff --git a/packages/decap-cms-ui-default/src/styles.js b/packages/decap-cms-ui-default/src/styles.js
index b85b630cb87a..17bc117986dc 100644
--- a/packages/decap-cms-ui-default/src/styles.js
+++ b/packages/decap-cms-ui-default/src/styles.js
@@ -6,6 +6,7 @@ import { css, Global } from '@emotion/react';
  */
 const fonts = {
   primary: `
+    system-ui,
     -apple-system,
     BlinkMacSystemFont,
     "Segoe UI",