diff --git a/packages/toolpad-app/src/components/AppEditor/PageEditor/ComponentPanel.tsx b/packages/toolpad-app/src/components/AppEditor/PageEditor/ComponentPanel.tsx
index 930af8acf73..73647ad11e6 100644
--- a/packages/toolpad-app/src/components/AppEditor/PageEditor/ComponentPanel.tsx
+++ b/packages/toolpad-app/src/components/AppEditor/PageEditor/ComponentPanel.tsx
@@ -12,6 +12,7 @@ const classes = {
 const ComponentPanelRoot = styled('div')(({ theme }) => ({
   display: 'flex',
   flexDirection: 'column',
+  height: '100%',
   [`& .${classes.panel}`]: {
     flex: 1,
     padding: theme.spacing(2),