diff --git a/docs/data/data-grid/overlays/NoResultsOverlayCustom.js b/docs/data/data-grid/overlays/NoResultsOverlayCustom.js
index d477966544aa..15320b97081c 100644
--- a/docs/data/data-grid/overlays/NoResultsOverlayCustom.js
+++ b/docs/data/data-grid/overlays/NoResultsOverlayCustom.js
@@ -11,10 +11,10 @@ const StyledGridOverlay = styled('div')(({ theme }) => ({
   justifyContent: 'center',
   height: '100%',
   '& .no-results-primary': {
-    fill: theme.palette.mode === 'light' ? '#AEB8C2' : '#`3D4751`',
+    fill: theme.palette.mode === 'light' ? '#AEB8C2' : '#3D4751',
   },
   '& .no-results-secondary': {
-    fill: theme.palette.mode === 'light' ? '#E8EAED' : '#`1D2126`',
+    fill: theme.palette.mode === 'light' ? '#E8EAED' : '#1D2126',
   },
 }));
 
diff --git a/docs/data/data-grid/overlays/NoResultsOverlayCustom.tsx b/docs/data/data-grid/overlays/NoResultsOverlayCustom.tsx
index d477966544aa..15320b97081c 100644
--- a/docs/data/data-grid/overlays/NoResultsOverlayCustom.tsx
+++ b/docs/data/data-grid/overlays/NoResultsOverlayCustom.tsx
@@ -11,10 +11,10 @@ const StyledGridOverlay = styled('div')(({ theme }) => ({
   justifyContent: 'center',
   height: '100%',
   '& .no-results-primary': {
-    fill: theme.palette.mode === 'light' ? '#AEB8C2' : '#`3D4751`',
+    fill: theme.palette.mode === 'light' ? '#AEB8C2' : '#3D4751',
   },
   '& .no-results-secondary': {
-    fill: theme.palette.mode === 'light' ? '#E8EAED' : '#`1D2126`',
+    fill: theme.palette.mode === 'light' ? '#E8EAED' : '#1D2126',
   },
 }));