diff --git a/app/layout.tsx b/app/layout.tsx
index 3314e47..3c12899 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,3 +1,4 @@
+import Nav from './components/navbar';
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
@@ -5,18 +6,21 @@ import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+	title: "Create Next App",
+	description: "Generated by create next app",
 };
 
 export default function RootLayout({
-  children,
+	children,
 }: Readonly<{
-  children: React.ReactNode;
+	children: React.ReactNode;
 }>) {
-  return (
-    <html lang="en">
-      <body className={inter.className}>{children}</body>
-    </html>
-  );
+	return (
+		<html lang="en">
+			<body className={inter.className}>
+				<Nav />
+				{children}
+			</body>
+		</html>
+	);
 }
diff --git a/app/page.tsx b/app/page.tsx
index a1aafe5..966e74d 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -24,7 +24,6 @@ export default function Home() {
 					<p className="text-white text-4xl">Loading...</p>
 				</div>
 			)}
-			<Nav />
 			<div className="flex-1">
 				<GlobeVisualization setLoading={handleSetLoading} />
 			</div>
