diff --git a/apps/total-typescript/src/pages/boss.mdx b/apps/total-typescript/src/components/boss.mdx
similarity index 83%
rename from apps/total-typescript/src/pages/boss.mdx
rename to apps/total-typescript/src/components/boss.mdx
index e1cbd1b30..02948a87a 100644
--- a/apps/total-typescript/src/pages/boss.mdx
+++ b/apps/total-typescript/src/components/boss.mdx
@@ -35,19 +35,3 @@ We're happy to answer any questions you have and would love to discuss this furt
 Thank you for considering this investment in our team's capabilities.
 
 — your team
-
-import Layout from '@/components/app/layout'
-
-export default ({children}) => (
-  <Layout
-    meta={{
-      title: 'A letter to your boss',
-    }}
-  >
-    <main className="p-5 py-20 lg:py-28">
-      <article className="prose mx-auto max-w-2xl rounded-md shadow-black/40 sm:prose-lg sm:bg-gray-800/50 sm:p-10 sm:shadow-2xl">
-        {children}
-      </article>
-    </main>
-  </Layout>
-)
diff --git a/apps/total-typescript/src/pages/boss.tsx b/apps/total-typescript/src/pages/boss.tsx
new file mode 100644
index 000000000..6c7311ed4
--- /dev/null
+++ b/apps/total-typescript/src/pages/boss.tsx
@@ -0,0 +1,17 @@
+import Layout from '@/components/app/layout'
+import BossLetter from '@/components/boss.mdx'
+export default function Boss() {
+  return (
+    <Layout
+      meta={{
+        title: 'A letter to your boss',
+      }}
+    >
+      <main className="p-5 py-20 lg:py-28">
+        <article className="prose mx-auto max-w-2xl rounded-md shadow-black/40 sm:prose-lg sm:bg-gray-800/50 sm:p-10 sm:shadow-2xl">
+          <BossLetter />
+        </article>
+      </main>
+    </Layout>
+  )
+}