💄 Better app bar

src/components/CapAppBar.tsx

@@ -11,7 +11,7 @@ export function CapAppBar() {
 
   return (
     <Box sx={{ flexGrow: 1 }}>
-      <AppBar position="static" elevation={0} color={'transparent'}>
+      <AppBar position="absolute" elevation={0} color={'transparent'}>
         <Toolbar>
           <IconButton size="large" edge="start" color="inherit" aria-label="menu" sx={{ mr: 2 }}>
             <MenuIcon />

src/pages/_app.tsx

@@ -43,7 +43,7 @@ export default function App({ Component, pageProps }: AppProps) {
         <CssBaseline />
 
         <CapAppBar />
-        <Box sx={{ height: 'calc(100vh - 64px)' }}>
+        <Box sx={{ height: '100vh' }}>
           <Component {...pageProps} />
         </Box>
       </ThemeProvider>