Fix

Author: some-molasses

src/app/components/page/page.scss

@@ -2,7 +2,8 @@
   $side-padding: 48px;
   margin: auto;
   padding: 0 48px;
-  width: calc(100% - 2 * $side-padding);
+  width: 100%;
+  padding-bottom: 32px;
 
   .page-inner {
     margin: auto;

src/app/globals.scss

@@ -17,6 +17,7 @@ body {
 
 #main-content {
   flex-grow: 1;
+  display: flex;
 }
 
 h1,

src/app/resources/cartoons/page.tsx

@@ -4,7 +4,7 @@ import "./cartoons.scss";
 import { Metadata } from "next";
 import { Banner, BannerTitles } from "@/app/components/banner/banner";
 import { Row } from "@/app/components/layout/layout-components";
-import { Button } from "@/app/components/button/button";
+import { Button } from "@/app/components/button/button.server";
 
 export const metadata: Metadata = { title: "Cartoons" };
 

src/app/resources/policies/policies.scss

@@ -25,7 +25,7 @@
     @include title-font;
 
     .document-icon {
-      $size: 80px;
+      $size: 64px;
       width: $size;
       height: $size;
       padding-top: 48px;