diff --git a/src/components/CornerLogo.tsx b/src/components/CornerLogo.tsx
new file mode 100644
index 0000000..8eaaeda
--- /dev/null
+++ b/src/components/CornerLogo.tsx
@@ -0,0 +1,10 @@
+import Link from "next/link";
+import { Logo } from "./Logo";
+
+export const CornerLogo = () => {
+  return (
+    <Link className="absolute left-0 top-0 hidden sm:flex" href="/">
+      <Logo />
+    </Link>
+  );
+};
diff --git a/src/pages/about.tsx b/src/pages/about.tsx
index f3a3821..20fe576 100644
--- a/src/pages/about.tsx
+++ b/src/pages/about.tsx
@@ -2,14 +2,13 @@ import Link from "next/link";
 import { Logo } from "../components/Logo";
 import { NavigationBar } from "../components/NavigationBar";
 import { PageContentBox } from "~/components/PageContentBox";
+import { CornerLogo } from "~/components/CornerLogo";
 
 export default function About() {
   return (
     <div className="bg-black/60">
       <div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
-        <Link className="absolute left-0 top-0" href="/">
-          <Logo />
-        </Link>
+        <CornerLogo />
         <div className="absolute right-0 top-0">
           <NavigationBar />
         </div>
diff --git a/src/pages/team.tsx b/src/pages/team.tsx
index 113259a..8040386 100644
--- a/src/pages/team.tsx
+++ b/src/pages/team.tsx
@@ -3,14 +3,13 @@ import { Logo } from "../components/Logo";
 import { NavigationBar } from "~/components/NavigationBar";
 import { PageContentBox } from "~/components/PageContentBox";
 import { EmployeeList } from "~/components/EmployeeList";
+import { CornerLogo } from "~/components/CornerLogo";
 
 export default function Team() {
   return (
     <div className="bg-black/60">
       <div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
-        <Link className="absolute left-0 top-0" href="/">
-          <Logo />
-        </Link>
+        <CornerLogo />
         <div className="absolute right-0 top-0">
           <NavigationBar />
         </div>