diff --git a/web/components/Sidebar.tsx b/web/components/Sidebar.tsx
index fb7e429..f432340 100644
--- a/web/components/Sidebar.tsx
+++ b/web/components/Sidebar.tsx
@@ -5,6 +5,7 @@ import { usePathname } from "next/navigation";
 import { clsx } from "clsx";
 import { useAuth } from "@/components/AuthProvider";
 import { auth } from "@/lib/api";
+import { Logo } from "./Logo";
 
 interface NavItem {
     href: string;
@@ -154,13 +155,7 @@ export function Sidebar() {
         <aside className="flex h-screen w-60 flex-col border-r border-border bg-surface">
             <div className="flex h-16 items-center gap-3 border-b border-border px-5">
                 <div className="flex h-8 w-8 items-center justify-center rounded-lg bg-accent">
-                    <svg className="h-4 w-4 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
-                        <path
-                            strokeLinecap="round"
-                            strokeLinejoin="round"
-                            d="M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z"
-                        />
-                    </svg>
+                    <Logo className="h-11 w-auto text-text-primary" />
                 </div>
                 <div className="min-w-0">
                     <span className="block text-base font-semibold leading-tight text-text-primary">Vantage</span>