diff --git a/examples/react-pages/toolpad/pages/qrcode/page.tsx b/examples/react-pages/toolpad/pages/foo/page.tsx
similarity index 95%
rename from examples/react-pages/toolpad/pages/qrcode/page.tsx
rename to examples/react-pages/toolpad/pages/foo/page.tsx
index cc992095c38..e25ce32d681 100644
--- a/examples/react-pages/toolpad/pages/qrcode/page.tsx
+++ b/examples/react-pages/toolpad/pages/foo/page.tsx
@@ -22,7 +22,7 @@ export default function MyPage() {
   });
 
   return (
-    <Box sx={{ width: '100%', height: 400, m: 2 }}>
+    <Box sx={{ width: '100%', height: 400, p: 2 }}>
       <DataGrid
         rows={rows}
         columns={COLUMNS}
diff --git a/examples/react-pages/toolpad/pages/qrcode/page.yml b/examples/react-pages/toolpad/pages/foo/page.yml
similarity index 100%
rename from examples/react-pages/toolpad/pages/qrcode/page.yml
rename to examples/react-pages/toolpad/pages/foo/page.yml
diff --git a/packages/toolpad-app/src/runtime/AppLayout.tsx b/packages/toolpad-app/src/runtime/AppLayout.tsx
index 2966674180e..e0598af08b2 100644
--- a/packages/toolpad-app/src/runtime/AppLayout.tsx
+++ b/packages/toolpad-app/src/runtime/AppLayout.tsx
@@ -119,7 +119,7 @@ export function AppLayout({
           search={retainedSearch}
         />
       ) : null}
-      {children}
+      <Box sx={{ minWidth: 0, flex: 1, position: 'relative' }}>{children}</Box>
     </Box>
   );
 }