diff --git a/packages/frontend/src/components/LandingPage.tsx b/packages/frontend/src/components/LandingPage.tsx
index 8421578c..ee7b7cbd 100644
--- a/packages/frontend/src/components/LandingPage.tsx
+++ b/packages/frontend/src/components/LandingPage.tsx
@@ -49,11 +49,8 @@ const LandingPage = () => {
             width: '100%',
             display: 'flex',
             flexDirection: 'column',
-            gap: '20rem',
-            minHeight: '600px',
+            gap: '1rem',
             margin: 'auto',
-            paddingTop: '8rem',
-            paddingBottom: '8rem',
         }}>
             <Box sx={{position:'absolute', top: '95vh', width: '100%', textAlign: 'center'}}>
                 <KeyboardArrowDownRoundedIcon sx={{
diff --git a/packages/frontend/src/components/LandingPage/LandingPageHero.tsx b/packages/frontend/src/components/LandingPage/LandingPageHero.tsx
index 746a5c5d..3406aade 100644
--- a/packages/frontend/src/components/LandingPage/LandingPageHero.tsx
+++ b/packages/frontend/src/components/LandingPage/LandingPageHero.tsx
@@ -112,8 +112,6 @@ export default ({}) => {
             <Box display='flex' flexDirection='column' sx={{
                 alignItems: 'center',
                 textAlign: 'center',
-                width: {xs: '100%', md: '600px'}, // not the same ax maxWidth 600px!, we want to make sure the carousel doesn't effect size on larger screens
-                minHeight: '600px'
             }}>
                 <Typography variant="h4" color={'lightShade.contrastText'}> {t('landing_page.hero.title')} </Typography>
                 <Box width='90%' display='flex' flexDirection='row' justifyContent='space-between' sx={{alignItems: 'center', paddingBottom: 3}}>