diff --git a/examples/demo/src/layout/Login.tsx b/examples/demo/src/layout/Login.tsx
index 576cfea1a73..2fff53ea01f 100644
--- a/examples/demo/src/layout/Login.tsx
+++ b/examples/demo/src/layout/Login.tsx
@@ -6,7 +6,7 @@ const Login = () => (
     <RaLogin sx={{ background: 'none' }}>
         <Typography
             sx={{
-                color: 'text.disabled',
+                color: 'text.secondary',
                 textAlign: 'center',
             }}
         >