diff --git a/services/frontend/index.html b/services/frontend/index.html
index 4d2c72b..a9dbcb1 100644
--- a/services/frontend/index.html
+++ b/services/frontend/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>GMW — Discord Moderation Watcher</title>
-    <link rel="icon" type="image/svg+xml" href="/logo.svg" />
+    <link rel="icon" type="image/svg+xml" href="https://raw.githubusercontent.com/IMPHNEN/imphnen-frontend-service/develop/docs/logo.svg" />
   </head>
   <body>
     <div id="root"></div>
diff --git a/services/frontend/src/widgets/Sidebar.tsx b/services/frontend/src/widgets/Sidebar.tsx
index 16bfddf..05ea0ef 100644
--- a/services/frontend/src/widgets/Sidebar.tsx
+++ b/services/frontend/src/widgets/Sidebar.tsx
@@ -35,10 +35,19 @@ export function Sidebar({
       <div
         className={cn(
           "flex items-center py-5",
-          collapsed ? "justify-center" : "px-4",
+          collapsed ? "justify-center" : "flex-col px-4",
         )}
       >
-        <img src="/logo.svg" alt="GMW" className="h-8 w-8 rounded-xl" />
+        <img src="https://raw.githubusercontent.com/IMPHNEN/imphnen-frontend-service/develop/docs/logo.svg" alt="GMW" className="h-8 w-8 rounded-xl" />
+
+        {/* Mascot image — only when expanded */}
+        {!collapsed && (
+          <img
+            src="https://raw.githubusercontent.com/IMPHNEN/imphnen-frontend-service/develop/apps/dimentorin/public/image/mascot-1.png"
+            alt="Mascot"
+            className="mt-4 h-auto w-[140px] object-contain drop-shadow-md"
+          />
+        )}
       </div>
 
       {/* Navigation items */}
