diff --git a/test/regressions/TestViewer.js b/test/regressions/TestViewer.js
index ec2c6dbff42d7c..93bfe3c3fe8595 100644
--- a/test/regressions/TestViewer.js
+++ b/test/regressions/TestViewer.js
@@ -49,6 +49,12 @@ function TestViewer(props) {
     };
   }, []);
 
+  const viewerBoxSx = {
+    display: 'block',
+    p: 1,
+    position: 'relative',
+  };
+
   return (
     <React.Fragment>
       <GlobalStyles
@@ -77,7 +83,7 @@ function TestViewer(props) {
             <JoyBox
               aria-busy={!ready}
               data-testid="testcase"
-              sx={{ bgcolor: 'background.body', display: 'inline-block', p: 1 }}
+              sx={{ bgcolor: 'background.body', ...viewerBoxSx }}
             >
               {children}
             </JoyBox>
@@ -86,7 +92,7 @@ function TestViewer(props) {
           <Box
             aria-busy={!ready}
             data-testid="testcase"
-            sx={{ bgcolor: 'background.default', display: 'inline-block', p: 1 }}
+            sx={{ bgcolor: 'background.default', ...viewerBoxSx }}
           >
             {children}
           </Box>