diff --git a/application/src/components/dashboard/sidebar/SidebarHeader.tsx b/application/src/components/dashboard/sidebar/SidebarHeader.tsx
index 4c0564b..4ba177c 100644
--- a/application/src/components/dashboard/sidebar/SidebarHeader.tsx
+++ b/application/src/components/dashboard/sidebar/SidebarHeader.tsx
@@ -11,8 +11,12 @@ export const SidebarHeader: React.FC<SidebarHeaderProps> = ({ collapsed }) => {
 
   return (
     <div className={`p-4 ${theme === 'dark' ? 'border-[#1e1e1e]' : 'border-sidebar-border'} border-b flex items-center ${collapsed ? 'justify-center' : ''}`}>
-      <div className="h-8 w-8 bg-green-500 rounded flex items-center justify-center mr-2">
-        <span className="text-white font-bold">C</span>
+      <div className="h-8 w-8 bg-gray-600 rounded flex items-center justify-center mr-2">
+        <img
+          src="/favicon.ico"
+          alt="CheckCle"
+          className="h-6 w-6"
+        />
       </div>
       {!collapsed && <h1 className="text-xl font-semibold">CheckCle App</h1>}
     </div>