diff --git a/docs/src/components/showcase/FolderTable.tsx b/docs/src/components/showcase/FolderTable.tsx
index d6eecf4d4e610f..dcf0005bfdf3cf 100644
--- a/docs/src/components/showcase/FolderTable.tsx
+++ b/docs/src/components/showcase/FolderTable.tsx
@@ -150,10 +150,10 @@ export default function BasicTable() {
               <TableCell align="right">
                 <Typography
                   fontSize={13}
-                  fontWeight={600}
+                  fontWeight="bold"
                   sx={(theme: Theme) => ({
                     mr: 1,
-                    color: 'success.700',
+                    color: 'success.800',
                     ...theme.applyDarkStyles({
                       color: 'success.500',
                     }),
diff --git a/docs/src/components/showcase/NotificationCard.tsx b/docs/src/components/showcase/NotificationCard.tsx
index 545b6b32d86d09..8f08369d6b3a4f 100644
--- a/docs/src/components/showcase/NotificationCard.tsx
+++ b/docs/src/components/showcase/NotificationCard.tsx
@@ -71,9 +71,10 @@ export default function NotificationCard() {
             </div>
             <Chip
               label="3"
-              color="success"
               size="small"
-              sx={{ ml: 'auto', color: '#fff', fontSize: '0.75rem', height: 18 }}
+              variant="outlined"
+              color="success"
+              sx={{ ml: 'auto', fontSize: '0.75rem', height: 18 }}
             />
           </Box>
         </Box>
diff --git a/docs/src/components/showcase/ThemeDatePicker.tsx b/docs/src/components/showcase/ThemeDatePicker.tsx
index 3d8ea6e347b4a2..2695dba9efbc2a 100644
--- a/docs/src/components/showcase/ThemeDatePicker.tsx
+++ b/docs/src/components/showcase/ThemeDatePicker.tsx
@@ -43,7 +43,7 @@ export default function ThemeDatePicker() {
                   paddingLeft: '18px',
                 },
                 '& .MuiTypography-caption': {
-                  color: 'grey.500',
+                  color: 'text.tertiary',
                   height: 24,
                 },
                 '[role="presentation"]': {