diff --git a/components/ArchivePage.tsx b/components/ArchivePage.tsx
index c81f694a..522578a2 100644
--- a/components/ArchivePage.tsx
+++ b/components/ArchivePage.tsx
@@ -23,7 +23,7 @@ export interface Props {
 export function ArchivePage({ items, type }: Props) {
   return (
     <>
-      <Title path={[capitalize(type), "Archive"]} />
+      <Title>{[capitalize(type), "Archive"]}</Title>
       <div className={styles.page}>
         <h1>{capitalize(type)} Archive</h1>
         <ul className={styles.list}>
diff --git a/components/OrganizedContent/ReadAll.tsx b/components/OrganizedContent/ReadAll.tsx
index f745373e..9beaa560 100644
--- a/components/OrganizedContent/ReadAll.tsx
+++ b/components/OrganizedContent/ReadAll.tsx
@@ -59,7 +59,7 @@ export function createReadAllPage({
 
     return (
       <>
-        <Title path={title} />
+        <Title>{title}</Title>
         <Header
           title={title}
           image={image}
diff --git a/components/OrganizedContent/Section.tsx b/components/OrganizedContent/Section.tsx
index 908afff3..e61a4d01 100644
--- a/components/OrganizedContent/Section.tsx
+++ b/components/OrganizedContent/Section.tsx
@@ -33,7 +33,7 @@ export function createSectionPage({
   function Page(this: void, { content, sections, current }: Props) {
     return (
       <>
-        <Title path={[sections[current].title, title]} />
+        <Title>{[sections[current].title, title]}</Title>
         <Header
           title={title}
           image={image}
diff --git a/components/Title.tsx b/components/Title.tsx
index b213b9e0..70911b36 100644
--- a/components/Title.tsx
+++ b/components/Title.tsx
@@ -2,17 +2,18 @@ import Head from "next/head";
 import React from "react";
 
 interface Props {
-  path: string | string[];
+  children: string | string[];
 }
 
 export function Title(props: Props) {
-  const paths = typeof props.path === "string" ? [props.path] : props.path;
+  const children =
+    typeof props.children === "string" ? [props.children] : props.children;
 
-  paths.push("UWaterloo Computer Science Club");
+  children.push("UWaterloo Computer Science Club");
 
   return (
     <Head>
-      <title>{paths.join(" - ")}</title>
+      <title>{children.join(" - ")}</title>
     </Head>
   );
 }
diff --git a/pages/about/index.tsx b/pages/about/index.tsx
index 81fd864a..e22ed457 100644
--- a/pages/about/index.tsx
+++ b/pages/about/index.tsx
@@ -17,7 +17,7 @@ import styles from "./index.module.css";
 export default function AboutUs() {
   return (
     <>
-      <Title path="About" />
+      <Title>About</Title>
       <div className={styles.titleContainer}>
         <h1 className={styles.title}>About Us!</h1>
         <Image src="/images/about-us.svg" className={styles.codey} />
diff --git a/pages/about/our-supporters.tsx b/pages/about/our-supporters.tsx
index 05731971..7822957e 100644
--- a/pages/about/our-supporters.tsx
+++ b/pages/about/our-supporters.tsx
@@ -10,7 +10,7 @@ import styles from "./our-supporters.module.css";
 export default function OurSupporters() {
   return (
     <>
-      <Title path="Our Supporters" />
+      <Title>Our Supporters</Title>
       <div className={styles.headerContainer}>
         <h1 className={styles.header}>Our Supporters</h1>
         <Image src="images/our-supporters/codey.svg" className={styles.codey} />
diff --git a/pages/about/team.tsx b/pages/about/team.tsx
index a26a65fe..af2e5f90 100644
--- a/pages/about/team.tsx
+++ b/pages/about/team.tsx
@@ -37,7 +37,7 @@ interface Props {
 export default function Team({ execs, programme, website, systems }: Props) {
   return (
     <>
-      <Title path="Team" />
+      <Title>Team</Title>
       <DefaultLayout>
         <div className={styles.headerContainer}>
           <div className={styles.headerTextContainer}>
diff --git a/pages/events/[year]/[term]/[event].tsx b/pages/events/[year]/[term]/[event].tsx
index 1f9edcee..29ca0072 100644
--- a/pages/events/[year]/[term]/[event].tsx
+++ b/pages/events/[year]/[term]/[event].tsx
@@ -17,7 +17,7 @@ import {
 export default function EventInfoPage(props: Props) {
   return (
     <>
-      <Title path={props.event.metadata.name} />
+      <Title>{props.event.metadata.name}</Title>
       <EventCard
         {...props.event.metadata}
         date={new Date(props.event.metadata.date)}
diff --git a/pages/events/[year]/[term]/index.tsx b/pages/events/[year]/[term]/index.tsx
index a616cea8..9731005c 100644
--- a/pages/events/[year]/[term]/index.tsx
+++ b/pages/events/[year]/[term]/index.tsx
@@ -55,9 +55,7 @@ export default function Term(props: Props) {
 
   return (
     <div className={styles.main}>
-      <Title
-        path={["Events", `${capitalize(props.term)} ${capitalize(props.year)}`]}
-      />
+      <Title>{["Events", `${capitalize(props.term)} ${props.year}`]}</Title>
       <div className={styles.header}>
         {headerTerms.map((link) => (
           <HeaderLink
diff --git a/pages/events/[year]/index.tsx b/pages/events/[year]/index.tsx
index 3c30f6bc..07e29e05 100644
--- a/pages/events/[year]/index.tsx
+++ b/pages/events/[year]/index.tsx
@@ -17,7 +17,7 @@ interface Props {
 export default function Year(props: Props) {
   return (
     <div className={styles.main}>
-      <Title path={["Events", props.year]} />
+      <Title>{["Events", props.year]}</Title>
       <h2>
         Events Archive:<span className={styles.blue}>{` ${props.year}`}</span>
       </h2>
diff --git a/pages/get-involved.tsx b/pages/get-involved.tsx
index f49699db..6673a976 100644
--- a/pages/get-involved.tsx
+++ b/pages/get-involved.tsx
@@ -12,7 +12,7 @@ import styles from "./get-involved.module.css";
 export default function GetInvolved() {
   return (
     <div className={styles.page}>
-      <Title path="Get Involved" />
+      <Title>Get Involved</Title>
       <header>
         <div className={styles.headerText}>
           <h1>Get Involved!</h1>
diff --git a/pages/index.tsx b/pages/index.tsx
index d38a4fc0..bc58ea3d 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -26,7 +26,7 @@ interface Props {
 export default function Home(props: Props) {
   return (
     <>
-      <Title path={[]} />
+      <Title>{[]}</Title>
       <DefaultLayout>
         <header className={styles.intro}>
           <div className={styles.introTop} />
diff --git a/pages/news/[year]/[term].tsx b/pages/news/[year]/[term].tsx
index 840eae55..06640a7e 100644
--- a/pages/news/[year]/[term].tsx
+++ b/pages/news/[year]/[term].tsx
@@ -31,7 +31,7 @@ interface Props {
 export default function TermNews({ year, term, news }: Props) {
   return (
     <div className={styles.page}>
-      <Title path={["News", `${capitalize(term)} ${capitalize(year)}`]} />
+      <Title>{["News", `${capitalize(term)} ${capitalize(year)}`]}</Title>
       <h1>
         News Archive:{" "}
         <span className={styles.term}>
diff --git a/pages/resources/advice/academic.tsx b/pages/resources/advice/academic.tsx
index c2e29939..19fb35ea 100644
--- a/pages/resources/advice/academic.tsx
+++ b/pages/resources/advice/academic.tsx
@@ -9,7 +9,7 @@ import { Advice } from "./coop";
 export default function AcademicAdvice() {
   return (
     <>
-      <Title path="Academic Advice" />
+      <Title>Academic Advice</Title>
       <Advice>
         <Content />
       </Advice>
diff --git a/pages/resources/advice/coop.tsx b/pages/resources/advice/coop.tsx
index 6d52c23f..d46ebdf7 100644
--- a/pages/resources/advice/coop.tsx
+++ b/pages/resources/advice/coop.tsx
@@ -12,7 +12,7 @@ import styles from "./coop.module.css";
 export default function CoopAdvice() {
   return (
     <>
-      <Title path="Co-op Advice" />
+      <Title>Co-op Advice</Title>
       <Advice>
         <Content />
       </Advice>
diff --git a/pages/resources/advice/misc.tsx b/pages/resources/advice/misc.tsx
index e216b73c..97fba30a 100644
--- a/pages/resources/advice/misc.tsx
+++ b/pages/resources/advice/misc.tsx
@@ -9,7 +9,7 @@ import { Advice } from "./coop";
 export default function MiscAdvice() {
   return (
     <>
-      <Title path="Misc Advice" />
+      <Title>Misc Advice</Title>
       <Advice>
         <Content />
       </Advice>
diff --git a/pages/resources/tech-talks/[slug].tsx b/pages/resources/tech-talks/[slug].tsx
index a6dfb352..131311d5 100644
--- a/pages/resources/tech-talks/[slug].tsx
+++ b/pages/resources/tech-talks/[slug].tsx
@@ -20,7 +20,7 @@ interface Props {
 export default function TechTalk({ content, metadata }: Props) {
   return (
     <div className={styles.page}>
-      <Title path={[metadata.title, "Tech Talks"]} />
+      <Title>{[metadata.title, "Tech Talks"]}</Title>
       <Header />
       <TechTalkCard
         {...metadata}
diff --git a/pages/resources/tech-talks/index.tsx b/pages/resources/tech-talks/index.tsx
index 97e875ad..56841077 100644
--- a/pages/resources/tech-talks/index.tsx
+++ b/pages/resources/tech-talks/index.tsx
@@ -15,7 +15,7 @@ interface Props {
 export default function TechTalks({ talks }: Props) {
   return (
     <div className={styles.page}>
-      <Title path="Tech Talks" />
+      <Title>Tech Talks</Title>
       <Header />
       <div className={styles.miniCards}>
         {talks.map((talk) => (
diff --git a/pages/themer.tsx b/pages/themer.tsx
index a983410b..7212e547 100644
--- a/pages/themer.tsx
+++ b/pages/themer.tsx
@@ -13,7 +13,7 @@ export default function Themer() {
 
   return (
     <main className={styles.page}>
-      <Title path="Themer" />
+      <Title>Themer</Title>
       <h1>Themer</h1>
       <form onSubmit={(event) => event.preventDefault()}>
         <div className={styles.controls}>
