diff --git a/src/components/Head.astro b/src/components/Head.astro
index 453ade7..34878fa 100644
--- a/src/components/Head.astro
+++ b/src/components/Head.astro
@@ -1,6 +1,7 @@
 ---
 import { SITE } from "@consts";
 import gradient from "../../public/assets/gradient.avif";
+import { ClientRouter } from 'astro:transitions';
 
 interface Props {
   title: string;
@@ -92,11 +93,7 @@ import redhatmono from "@fontsource-variable/red-hat-mono/files/red-hat-mono-lat
   <meta property="twitter:image" content={new URL(image, Astro.url)} />
 
   <!-- View Transitions -->
-  <style>
-    @view-transition {
-      navigation: auto;
-    }
-  </style>
+  <ClientRouter />
 
   <!-- Font Preload -->
   <link
diff --git a/src/content/config.ts b/src/content/config.ts
index 97280a0..f5e6579 100644
--- a/src/content/config.ts
+++ b/src/content/config.ts
@@ -1,4 +1,5 @@
 import { defineCollection, z } from "astro:content";
+import { rssSchema } from '@astrojs/rss';
 
 const posts = defineCollection({
   type: "content",
@@ -16,7 +17,7 @@ const posts = defineCollection({
       tags: z.array(z.string()),
       extraAuthors: z.array(z.string()).optional(),
       categories: z.array(z.string()),
-    }),
+    }).merge(rssSchema)
 });
 
 const projects = defineCollection({
@@ -38,7 +39,7 @@ const projects = defineCollection({
       featured: z.boolean().optional(),
       collection: z.boolean().optional(),
       includeHero: z.boolean().optional(),
-    }),
+    }).merge(rssSchema)
 });
 
 const work = defineCollection({
diff --git a/src/content/projects/packard/demo.gif b/src/content/projects/packard/demo.gif
index ea0498a..f823c63 100644
Binary files a/src/content/projects/packard/demo.gif and b/src/content/projects/packard/demo.gif differ
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index e761dcc..f1b9972 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -26,13 +26,13 @@ const { title, description, image, date, updated, tags } = Astro.props;
     updated={updated}
     tags={tags}
   />
-  <body class="bg-primary text-secondary">
-    <div class="flex min-h-screen flex-col justify-start p-8 pt-0 md:pt-8">
-      <Header />
-      <main class="mx-auto w-full max-w-prose space-y-6">
-        <slot />
-      </main>
-      <Footer />
-    </div>
+  <body
+    class="flex min-h-screen flex-col justify-start bg-primary p-8 pt-0 text-secondary md:pt-8"
+  >
+    <Header />
+    <main class="mx-auto w-full max-w-prose space-y-6">
+      <slot />
+    </main>
+    <Footer />
   </body>
 </html>
diff --git a/src/styles/global.css b/src/styles/global.css
index f915d20..c3b3c96 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -25,14 +25,22 @@
 
 @layer components {
   .prose img {
-    @apply transition-transform hover:scale-[98%] active:scale-[200%];
+    @apply cursor-pointer transition-transform hover:scale-[98%] active:scale-[200%];
   }
 }
 
 @media print {
   body {
-    margin: 0;
-    color: #000;
-    background-color: #fff;
+    background: none;
+    color: black;
+  }
+  header,
+  footer,
+  main {
+    max-width: unset !important;
+  }
+  header,
+  footer {
+    display: none;
   }
 }
