diff --git a/docs/src/modules/components/ThemeViewer.tsx b/docs/src/modules/components/ThemeViewer.tsx
index 464df575420b51..0c7bcd9b035a3a 100644
--- a/docs/src/modules/components/ThemeViewer.tsx
+++ b/docs/src/modules/components/ThemeViewer.tsx
@@ -110,7 +110,7 @@ const TreeItem = styled(MuiTreeItem)({
       backgroundColor: lighten(blueDark[900], 0.1),
     },
     [`& .${treeItemClasses.label}`]: {
-      fontFamily: 'Menlo',
+      fontFamily: 'Menlo, Consolas',
       fontSize: '0.825rem',
     },
   },