diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
deleted file mode 100644
index 9294323..0000000
--- a/src/app/about/page.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Metadata } from "next";
-
-export const metadata: Metadata = {
-  title: "About Rhyme",
-  description: "Information about the Rhyme and its creators",
-};
-
-export default function About() {
-  return (
-    <>
-      <h1 className="font-bold text-2xl mb-4">About Page</h1>
-      <span>TODO</span>
-    </>
-  );
-}
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index ec87581..5278717 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,8 +1,8 @@
 import Link from "next/link";
-import { CircleQuestionMark, List, Plus, UserRound, UserRoundMinus } from "lucide-react";
+import { List, Plus, UserRound, UserRoundMinus } from "lucide-react";
 import { getAuth, logOut } from "@/app/actions/auth";
 import { createNote } from "@/app/actions/notes";
-import HeaderButton from "./ui/HeaderButton";
+import HeaderButton from "./ui/HeaderButton"; 
 
 export default async function Header() {
   const user = await getAuth();
@@ -25,9 +25,6 @@ export default async function Header() {
       )}
 
       <div className="flex gap-2 ml-auto">
-        <Link href="/about">
-          <HeaderButton title="about" icon={<CircleQuestionMark size={20} />} />
-        </Link>
         {user ? (
           <form action={logOut}>
             <HeaderButton type="submit" title="log out" icon={<UserRoundMinus size={20} />} />