diff --git a/src/app/release-notes/page.tsx b/src/app/release-notes/page.tsx
index d9ae4a3..a3453de 100644
--- a/src/app/release-notes/page.tsx
+++ b/src/app/release-notes/page.tsx
@@ -1,16 +1,19 @@
-"use client";
 
-import Footer from "@/components/footer";
-import { Navigation } from "@/components/navigation";
 import ReleaseNoteElement from "@/components/release-note";
-import { releaseNoteIsAlpha, releaseNotes } from "@/lib/release-notes";
-import Link from "next/link";
+import { releaseNotes } from "@/lib/release-notes";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Release Notes",
+  description: "Stay up to date with the latest changes to Zen Browser",
+  keywords: ["Zen", "Browser", "Zen Browser", "Web", "Internet", "Fast", "Release", "Notes"],
+};
 
 export default function ReleaseNotes() {
   return (
     <main className="flex min-h-screen flex-col items-center justify-start">
       <div className="min-h-screen py-42 flex justify-center flex-col px-10 lg:px-0 lg:w-4/5 xl:w-3/5">
-        <h1 className="text-4xl font-bold mt-36">Release Notes</h1>
+        <h1 className="text-4xl font-bold mt-48">Release Notes</h1>
         <p className="mt-8 text-lg text-muted-foreground">
           Stay up to date with the latest changes to Zen Browser! Since the <a className="text-blue-500" href="#1.0.0-a.1">first release</a> till <a className="text-blue-500" href={`/release-notes/${releaseNotes[0].version}`}>{releaseNotes[0].version}</a>, we've been working hard to make Zen Browser the best it can be.<br /><br /> Thanks everyone for your feedback! ❤️
         </p>
diff --git a/src/components/release-note.tsx b/src/components/release-note.tsx
index c1e0bf1..8fd736f 100644
--- a/src/components/release-note.tsx
+++ b/src/components/release-note.tsx
@@ -1,3 +1,4 @@
+"use client";
 import { ReleaseNote, releaseNotes } from "@/lib/release-notes";
 import { ExclamationTriangleIcon } from "@radix-ui/react-icons";
 import { CheckCheckIcon, StarIcon } from "lucide-react";