diff --git a/app/(auth)/_components/Mobilenav.tsx b/app/(auth)/_components/Mobilenav.tsx
index 7c901c3..8d1a2c3 100644
--- a/app/(auth)/_components/Mobilenav.tsx
+++ b/app/(auth)/_components/Mobilenav.tsx
@@ -6,13 +6,14 @@ import Image from "next/image";
 import { AdminLinks } from "@/constants";
 import { usePathname } from "next/navigation";
 import { Menu } from "lucide-react";
+import Logo from "@/components/shared/Logo";
 
 const MobileNav = () => {
   const pathname = usePathname();
   return (
     <header className="header">
       <Link href="/" className="flex items-center gap-2 md:py-2">
-        <Image src="/logo.svg" alt="" width={180} height={28} />
+        <Logo width={180} height={28} />
       </Link>
 
       <nav className="flex gap-2">
diff --git a/app/(auth)/_components/Sidebar.tsx b/app/(auth)/_components/Sidebar.tsx
index 74bab14..1182a99 100644
--- a/app/(auth)/_components/Sidebar.tsx
+++ b/app/(auth)/_components/Sidebar.tsx
@@ -4,6 +4,7 @@ import Link from "next/link";
 import Image from "next/image";
 import { usePathname } from "next/navigation";
 import { AdminLinks } from "@/constants";
+import Logo from "@/components/shared/Logo";
 
 const Sidebar = () => {
   const pathname = usePathname();
@@ -12,7 +13,7 @@ const Sidebar = () => {
       <aside className="sidebar">
         <div className="flex size-full flex-col gap-4">
           <Link href="/" className="sidebar-logo">
-            <Image src="/logo.svg" alt="" width={180} height={28} />
+            <Logo width={180} height={28} />
           </Link>
 
           <nav className="sidebar-nav">