diff --git a/src/components/navigation/NavigationItem.astro b/src/components/navigation/NavigationItem.astro
index a23a3d0..c795f2c 100644
--- a/src/components/navigation/NavigationItem.astro
+++ b/src/components/navigation/NavigationItem.astro
@@ -6,9 +6,7 @@ const isBlogRoute = pathname.startsWith("/blog")
 const isHome = href === "/"
 const isActive = href === pathname || isBlogRoute && isHome
 ---
-<a class:list={[{active: isActive}, "link"]} href={href}>
-  {label}
-</a>
+<a class:list={[{active: isActive}, "link"]} href={href}>{label}</a>
 
 <style scoped>
    a {
diff --git a/src/layouts/PageLayout.astro b/src/layouts/PageLayout.astro
index d282239..71c2729 100644
--- a/src/layouts/PageLayout.astro
+++ b/src/layouts/PageLayout.astro
@@ -48,12 +48,12 @@ const { title } = Astro.props;
 
 <style is:global>
 .layout {
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-auto-rows: 1fr auto 1fr;
+  display: flex;
+  flex-direction: column;
   height: 100%;
 }
 .main {
+  flex-grow: 1;
   margin-bottom: var(--space-xxl);
 }