diff --git a/src/components/layout/AppLayout.tsx b/src/components/layout/AppLayout.tsx
index ada73d5e..f11d450f 100644
--- a/src/components/layout/AppLayout.tsx
+++ b/src/components/layout/AppLayout.tsx
@@ -15,7 +15,7 @@ import { VerticalMenuBar } from "./VerticalMenuBar";
 const ContentWrapper = styled(Box)<BoxProps & { drawerwidth: number }>(
   ({ theme, drawerwidth }) => ({
     width: "100%",
-    paddingTop: theme.spacing(2),
+    paddingTop: theme.spacing(10),
     paddingLeft: theme.spacing(scalePixels(drawerwidth) + 4),
     paddingRight: theme.spacing(4),
     [theme.breakpoints.up("xl")]: {
diff --git a/src/components/layout/TopBar.tsx b/src/components/layout/TopBar.tsx
index 78b38499..0a0e196d 100644
--- a/src/components/layout/TopBar.tsx
+++ b/src/components/layout/TopBar.tsx
@@ -11,7 +11,7 @@ export function TopBar({
   buttonActionComponent?: React.ReactNode;
 }) {
   return (
-    <AppBar elevation={0} position="static">
+    <AppBar elevation={0} position="fixed">
       <Toolbar>
         <Stack direction="row" gap={1} sx={{ flexGrow: 1 }}>
           <Link href={ROUTES.Home} passHref>