diff --git a/docs/data/material/components/slider/MusicPlayerSlider.js b/docs/data/material/components/slider/MusicPlayerSlider.js
index eab91a2ced32e2..bd128e86d6f640 100644
--- a/docs/data/material/components/slider/MusicPlayerSlider.js
+++ b/docs/data/material/components/slider/MusicPlayerSlider.js
@@ -89,7 +89,7 @@ export default function MusicPlayerSlider() {
     return `${minute}:${secondLeft < 10 ? `0${secondLeft}` : secondLeft}`;
   }
   return (
-    <Box sx={{ width: '100%', overflow: 'hidden' }}>
+    <Box sx={{ width: '100%', overflow: 'hidden', position: 'relative', p: 3 }}>
       <Widget>
         <Box sx={{ display: 'flex', alignItems: 'center' }}>
           <CoverImage>
diff --git a/docs/data/material/components/slider/MusicPlayerSlider.tsx b/docs/data/material/components/slider/MusicPlayerSlider.tsx
index 7a5eae94c048eb..ad2611c71685a4 100644
--- a/docs/data/material/components/slider/MusicPlayerSlider.tsx
+++ b/docs/data/material/components/slider/MusicPlayerSlider.tsx
@@ -89,7 +89,7 @@ export default function MusicPlayerSlider() {
     return `${minute}:${secondLeft < 10 ? `0${secondLeft}` : secondLeft}`;
   }
   return (
-    <Box sx={{ width: '100%', overflow: 'hidden' }}>
+    <Box sx={{ width: '100%', overflow: 'hidden', position: 'relative', p: 3 }}>
       <Widget>
         <Box sx={{ display: 'flex', alignItems: 'center' }}>
           <CoverImage>
diff --git a/test/regressions/TestViewer.js b/test/regressions/TestViewer.js
index 93bfe3c3fe8595..e12734f9d8fa05 100644
--- a/test/regressions/TestViewer.js
+++ b/test/regressions/TestViewer.js
@@ -52,7 +52,6 @@ function TestViewer(props) {
   const viewerBoxSx = {
     display: 'block',
     p: 1,
-    position: 'relative',
   };
 
   return (