Move header height to grid layout

Signed-off-by: Philipp Hugenroth <philipph@spotify.com>

packages/core-components/src/layout/Header/Header.tsx

@@ -28,7 +28,6 @@ const useStyles = makeStyles<BackstageTheme>(theme => ({
   header: {
     gridArea: 'pageHeader',
     padding: theme.spacing(3),
-    height: 'fit-content',
     minHeight: minHeaderHeight,
     width: '100%',
     boxShadow: '0 0 8px 3px rgba(20, 20, 20, 0.3)',

packages/core-components/src/layout/Page/Page.tsx

@@ -23,7 +23,7 @@ const useStyles = makeStyles(() => ({
     display: 'grid',
     gridTemplateAreas:
       "'pageHeader pageHeader pageHeader' 'pageSubheader pageSubheader pageSubheader' 'pageNav pageContent pageSidebar'",
-    gridTemplateRows: 'auto auto 1fr',
+    gridTemplateRows: 'max-content auto 1fr',
     gridTemplateColumns: 'auto 1fr auto',
     height: '100vh',
     overflowY: 'auto',