From 9164d90441c26440f6ed1559807051a9c9862514 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Sat, 8 Jul 2023 16:35:33 +0200
Subject: [PATCH] reduce the banner size

---
 .../components/banner/TableOfContentsBanner.tsx | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/docs/src/components/banner/TableOfContentsBanner.tsx b/docs/src/components/banner/TableOfContentsBanner.tsx
index 9128f54ae42c98..f51afdc4c141ba 100644
--- a/docs/src/components/banner/TableOfContentsBanner.tsx
+++ b/docs/src/components/banner/TableOfContentsBanner.tsx
@@ -13,8 +13,10 @@ export default function TableOfContentsBanner() {
       sx={[
         (theme) => ({
           mb: 2,
+          mx: 0.5,
           display: 'flex',
           flexDirection: 'column',
+          alignItems: 'flex-start',
           overflow: 'auto',
           backgroundColor: alpha(theme.palette.grey[50], 0.4),
           border: '1px solid',
@@ -38,21 +40,12 @@ export default function TableOfContentsBanner() {
       ]}
     >
       <Box sx={{ width: '100%' }}>
-        <Box sx={{ height: '12px', backgroundColor: '#0057b7' }} />
-        <Box sx={{ height: '12px', backgroundColor: '#ffd700' }} />
+        <Box sx={{ height: 5 + 1, backgroundColor: '#0057b7' }} />
+        <Box sx={{ height: 5, backgroundColor: '#ffd700' }} />
       </Box>
       <Box sx={{ p: 1 }}>
-        <Typography
-          component="span"
-          variant="caption"
-          fontWeight="500"
-          color="text.primary"
-          sx={{ mb: 1 }}
-        >
-          MUI stands in solidarity with the Ukrainian people against the Russian invasion.
-        </Typography>
         <Typography component="span" variant="caption" fontWeight="normal" color="text.secondary">
-          Find out how you can help.
+          MUI stands in solidarity with the Ukrainian people.
         </Typography>
       </Box>
     </Link>