From e73be16b70cd04e6c2ff2e38ef92e75b1f0aeb98 Mon Sep 17 00:00:00 2001
From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com>
Date: Tue, 23 Apr 2024 19:31:56 -0300
Subject: [PATCH] bonus: stray improvements

---
 docs/src/components/showcase/TaskCard.tsx       | 14 +++++---------
 packages/mui-docs/src/branding/brandingTheme.ts |  6 +++---
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/docs/src/components/showcase/TaskCard.tsx b/docs/src/components/showcase/TaskCard.tsx
index 077ffc8188461c..9b61147db65049 100644
--- a/docs/src/components/showcase/TaskCard.tsx
+++ b/docs/src/components/showcase/TaskCard.tsx
@@ -5,7 +5,6 @@ import Card from '@mui/material/Card';
 import Fade from '@mui/material/Fade';
 import LinearProgress, { linearProgressClasses } from '@mui/material/LinearProgress';
 import Typography from '@mui/material/Typography';
-import CodeRounded from '@mui/icons-material/CodeRounded';
 import ScheduleRounded from '@mui/icons-material/ScheduleRounded';
 
 export default function TaskCard() {
@@ -14,12 +13,12 @@ export default function TaskCard() {
       <Card
         data-mui-color-scheme="dark"
         sx={{
+          p: 2.5,
           minWidth: 280,
           maxWidth: 360,
-          minHeight: 280,
+          minHeight: 240,
           display: 'flex',
           flexDirection: 'column',
-          p: 3,
           background:
             'linear-gradient(180deg, var(--muidocs-palette-primary-600) 0%, var(--muidocs-palette-primary-700) 100%)',
           boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.04)',
@@ -31,12 +30,9 @@ export default function TaskCard() {
             March 25th
           </Typography>
         </Box>
-        <Box sx={{ my: 'auto' }}>
-          <CodeRounded />
-          <Typography fontSize={18} component="div" fontWeight="semiBold" sx={{ lineHeight: 1.4 }}>
-            Customize every button and chip instance primary color
-          </Typography>
-        </Box>
+        <Typography fontWeight="semiBold" sx={{ my: 'auto' }}>
+          Customize every button and chip instance primary color
+        </Typography>
         <Box sx={{ display: 'flex', gap: 1, py: 1, alignItems: 'center' }}>
           <Box
             sx={{
diff --git a/packages/mui-docs/src/branding/brandingTheme.ts b/packages/mui-docs/src/branding/brandingTheme.ts
index a68e3f1bee2e73..412e032fc3de06 100644
--- a/packages/mui-docs/src/branding/brandingTheme.ts
+++ b/packages/mui-docs/src/branding/brandingTheme.ts
@@ -335,18 +335,18 @@ export const getDesignTokens = (mode: 'light' | 'dark') =>
         fontWeight: 500,
       },
       body1: {
-        fontSize: defaultTheme.typography.pxToRem(16), // 16px
+        fontSize: defaultTheme.typography.pxToRem(16),
         lineHeight: 24 / 16,
         letterSpacing: 0,
       },
       body2: {
-        fontSize: defaultTheme.typography.pxToRem(14), // 14px
+        fontSize: defaultTheme.typography.pxToRem(14),
         lineHeight: 21 / 14,
         letterSpacing: 0,
       },
       caption: {
         display: 'inline-block',
-        fontSize: defaultTheme.typography.pxToRem(12), // 12px
+        fontSize: defaultTheme.typography.pxToRem(12),
         lineHeight: 18 / 12,
         letterSpacing: 0,
         fontWeight: 700,