NextJS13+React+MUI5：Box组件莫名出现额外内边距与边框求助

我使用React、NextJS13和MUI5开发Web应用，部分Mac用户（系统为Ventura或Monterey，浏览器版本一致）的Box组件周围出现额外的内边距（padding）和边框，影响页面结构。该问题在Chrome、Safari、Edge、Firefox中均存在，但我无法在本地复现；部分用户会持续出现该问题，部分用户则无明显诱因自行恢复。Chrome DevTools的可视化调试面板能看到这些内边距和边框，但代码调试面板中无相关样式代码显示。

我的_app.tsx代码 #

<ThemeProvider theme={theme}>
  <Head>
    <title>My App</title>
  </Head>
  <CssBaseline />
  <Layout>
    <Component {...pageProps} />
  </Layout>
</ThemeProvider>

问题截图 #

• 截图1（灰色边框）：
• 截图2（DevTools可视化面板可见异常样式但代码面板无显示）：

内容的提问来源于stack exchange，提问作者prismus