diff --git a/src/app/account/favorites/page.tsx b/src/app/account/favorites/page.tsx
index 6b54e06..7044733 100644
--- a/src/app/account/favorites/page.tsx
+++ b/src/app/account/favorites/page.tsx
@@ -29,9 +29,11 @@ export default function Favorites() {
         <div className="me-auto mt-3 pl-7">
           <Breadcrumb>
             <BreadcrumbList>
-              <BreadcrumbItem className="max-sm:hidden">
-                <Server />
-              </BreadcrumbItem>
+              <Link href="/">
+                <BreadcrumbPage className="max-sm:hidden">
+                  <Server />
+                </BreadcrumbPage>
+              </Link>
               <BreadcrumbSeparator className="max-sm:hidden" />
               <BreadcrumbItem>
                 <BreadcrumbPage>Favorites</BreadcrumbPage>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 013ab8f..db94344 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -13,14 +13,6 @@ import Image from "next/image";
 import { ClerkThemeProvider } from "@/components/clerk/ClerkThemeProvider";
 import { useEffectOnce } from "@/lib/useEffectOnce";
 
-export async function generateMetadata(): Promise<Metadata> {
-  return {
-    title: `Currently online servers | MHSF`,
-    description: "View all servers currently on Minehut.",
-    icons: "/favicon.ico",
-  };
-}
-
 export default async function RootLayout({
   children,
 }: Readonly<{
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0fafc3b..6f4b906 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,3 @@
-"use client";
-
 import Image from "next/image";
 import { GeistSans } from "geist/font/sans";
 import ServerList from "@/components/ServerList";
@@ -30,6 +28,8 @@ import {
 import { X, UserCog, Server } from "lucide-react";
 import TopBar from "@/components/clerk/Topbar";
 import { banner } from "@/banner";
+import { ResolvingMetadata, Metadata } from "next";
+import Link from "next/link";
 
 export default function Home() {
   return (
@@ -49,9 +49,11 @@ export default function Home() {
         <div className="me-auto mt-3 pl-7">
           <Breadcrumb>
             <BreadcrumbList>
-              <BreadcrumbItem className="max-sm:hidden">
-                <Server />
-              </BreadcrumbItem>
+              <Link href="/">
+                <BreadcrumbPage className="max-sm:hidden">
+                  <Server />
+                </BreadcrumbPage>
+              </Link>
               <BreadcrumbSeparator className="max-sm:hidden" />
               <BreadcrumbItem>
                 <BreadcrumbPage>Home</BreadcrumbPage>
diff --git a/src/app/server/[server]/page.tsx b/src/app/server/[server]/page.tsx
index 5f5c92c..8697172 100644
--- a/src/app/server/[server]/page.tsx
+++ b/src/app/server/[server]/page.tsx
@@ -89,9 +89,11 @@ export default function ServerPage({ params }: { params: { server: string } }) {
         <div className="  me-auto mt-3 pl-7">
           <Breadcrumb className="  ">
             <BreadcrumbList>
-              <BreadcrumbItem className="  max-sm:hidden">
-                <Server />
-              </BreadcrumbItem>
+              <Link href="/">
+                <BreadcrumbPage className="max-sm:hidden">
+                  <Server />
+                </BreadcrumbPage>
+              </Link>
               <BreadcrumbSeparator className="  max-sm:hidden" />
               <BreadcrumbItem className="  max-sm:hidden">
                 Server