diff --git a/docs/src/components/banner/TableOfContentsBanner.tsx b/docs/src/components/banner/TableOfContentsBanner.tsx
index 764dbda4279149..4aa672fa46a682 100644
--- a/docs/src/components/banner/TableOfContentsBanner.tsx
+++ b/docs/src/components/banner/TableOfContentsBanner.tsx
@@ -18,7 +18,6 @@ export default function TableOfContentsBanner() {
           display: 'flex',
           alignItems: 'center',
           gap: 1.5,
-          overflow: 'auto',
           backgroundColor: alpha(theme.palette.grey[50], 0.4),
           border: '1px solid',
           borderColor: (theme.vars || theme).palette.divider,
@@ -47,7 +46,7 @@ export default function TableOfContentsBanner() {
         <Box sx={{ height: 6, width: 16, backgroundColor: '#FFD700' }} />
       </Box>
       <Typography component="span" variant="caption" fontWeight="medium" color="text.secondary">
-        MUI stands in solidarity with the Ukrainian people.
+        MUI stands in solidarity with Ukraine.
       </Typography>
     </Link>
   ) : null;
diff --git a/docs/src/modules/components/AppTableOfContents.js b/docs/src/modules/components/AppTableOfContents.js
index 2da5a556a6b3f9..782e209912f957 100644
--- a/docs/src/modules/components/AppTableOfContents.js
+++ b/docs/src/modules/components/AppTableOfContents.js
@@ -13,6 +13,7 @@ import featureToggle from 'docs/src/featureToggle';
 
 const Nav = styled('nav')(({ theme }) => ({
   top: 'var(--MuiDocs-header-height)',
+  marginTop: 'var(--MuiDocs-header-height)',
   paddingLeft: 2, // Fix truncated focus outline style
   position: 'sticky',
   height: 'calc(100vh - var(--MuiDocs-header-height))',