[test] Remove top-level inline-block from the regression tests (#43656)

mui · Sep 13, 2024 · f5179dd · f5179dd
1 parent f403201
commit f5179dd
Showing 1 changed file with 8 additions and 2 deletions.
diff --git 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>