diff --git a/docs/data/material/getting-started/templates/dashboard/Dashboard.js b/docs/data/material/getting-started/templates/dashboard/Dashboard.js
index 2fd8db36e40dd8..8467a93b6d8a2d 100644
--- a/docs/data/material/getting-started/templates/dashboard/Dashboard.js
+++ b/docs/data/material/getting-started/templates/dashboard/Dashboard.js
@@ -37,6 +37,7 @@ export default function Dashboard() {
           component="main"
           sx={(theme) => ({
             flexGrow: 1,
+            top: '64px',
             position: 'relative',
             height: 'calc(100vh - 64px)',
             backgroundColor: alpha(theme.palette.background.paper, 0.4),
diff --git a/docs/data/material/getting-started/templates/dashboard/Dashboard.tsx b/docs/data/material/getting-started/templates/dashboard/Dashboard.tsx
index 0d861b31cc678c..edb83061ad586f 100644
--- a/docs/data/material/getting-started/templates/dashboard/Dashboard.tsx
+++ b/docs/data/material/getting-started/templates/dashboard/Dashboard.tsx
@@ -37,6 +37,7 @@ export default function Dashboard() {
           component="main"
           sx={(theme) => ({
             flexGrow: 1,
+            top: '64px',
             position: 'relative',
             height: 'calc(100vh - 64px)',
             backgroundColor: alpha(theme.palette.background.paper, 0.4),