diff --git a/frontend/src/component/layout/MainLayout/MainLayout.tsx b/frontend/src/component/layout/MainLayout/MainLayout.tsx
index 66ae210160..f8da2d8bac 100644
--- a/frontend/src/component/layout/MainLayout/MainLayout.tsx
+++ b/frontend/src/component/layout/MainLayout/MainLayout.tsx
@@ -25,6 +25,7 @@ const MainLayoutContainer = styled(Grid)(() => ({
 
 const MainLayoutContentWrapper = styled('main')(({ theme }) => ({
     margin: theme.spacing(0, 'auto'),
+    display: 'flex', // prevent margin collapsing
     flex: 1,
     width: '100%',
     backgroundColor: theme.palette.contentWrapper,