diff --git a/docs/public/static/toolpad/docs/core/functional-dashboard-dark.png b/docs/public/static/toolpad/docs/core/functional-dashboard-dark.png
index eed997b7c8c..76b9d3cc227 100644
Binary files a/docs/public/static/toolpad/docs/core/functional-dashboard-dark.png and b/docs/public/static/toolpad/docs/core/functional-dashboard-dark.png differ
diff --git a/docs/public/static/toolpad/docs/core/functional-dashboard.png b/docs/public/static/toolpad/docs/core/functional-dashboard.png
index e3e781c8850..ffd6ce30dbd 100644
Binary files a/docs/public/static/toolpad/docs/core/functional-dashboard.png and b/docs/public/static/toolpad/docs/core/functional-dashboard.png differ
diff --git a/examples/core/auth-nextjs-themed/app/mocks/gridOrdersData.tsx b/examples/core/auth-nextjs-themed/app/mocks/gridOrdersData.tsx
index 9b6eb3621ec..ab093005bf3 100644
--- a/examples/core/auth-nextjs-themed/app/mocks/gridOrdersData.tsx
+++ b/examples/core/auth-nextjs-themed/app/mocks/gridOrdersData.tsx
@@ -49,10 +49,10 @@ function renderSparklineCell(params: GridCellParams<SparkLineData, any>) {
 }
 
 function renderStatus(status: 'In Stock' | 'Out of Stock' | 'Low Stock') {
-  const colors: { [index: string]: 'success' | 'error' | 'warning' } = {
+  const colors: { [index: string]: 'success' | 'error' | 'default' } = {
     'In Stock': 'success',
     'Out of Stock': 'error',
-    'Low Stock': 'warning',
+    'Low Stock': 'default',
   };
 
   return <Chip label={status} color={colors[status]} size="small" />;