diff --git a/src/app/earthquakes/page.tsx b/src/app/earthquakes/page.tsx
index 84972db..921e4cb 100644
--- a/src/app/earthquakes/page.tsx
+++ b/src/app/earthquakes/page.tsx
@@ -1,7 +1,10 @@
+import Sidebar from "@/components/sidebar_e";
+
 export default function Earthquakes() {
   return (
     <div className="min-h-screen">
       <p>Earthquakes</p>
+      <Sidebar></Sidebar>
     </div>
   );
 }
diff --git a/src/app/observatories/page.tsx b/src/app/observatories/page.tsx
index 63e0305..173b280 100644
--- a/src/app/observatories/page.tsx
+++ b/src/app/observatories/page.tsx
@@ -1,7 +1,10 @@
+import Sidebar from "@/components/sidebar_o";
+
 export default function Observatories() {
   return (
     <div className="w-full h-full">
       <p>Observatories</p>
+      <Sidebar></Sidebar>
     </div>
   );
 }
diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
index 24772b8..c8d3480 100644
--- a/src/components/navbar.tsx
+++ b/src/components/navbar.tsx
@@ -49,7 +49,7 @@ export default function Navbar() {
   const [isModalOpen, setIsModalOpen] = useState(false);
 
   return (
-    <div className="flex sticky top-0 w-full h-14 z-40 font-medium bg-white">
+    <div className="flex sticky top-0 w-full h-14 z-40 font-medium bg-white border border-b-neutral-200">
       <div className="my-1 flex aspect-square ml-3 mr-3">
         <Link href="/" className="rounded-full">
           <Image height={2000} width={2000} alt="Logo" className="border border-neutral-300 rounded-full" src="/logo.png" />