src/pages/Layout.css

@@ -1,3 +1,7 @@
+.logo {
+  cursor: pointer;
+}
+
 .unread-count {
   width: 20px;
   height: 20px;
@@ -12,4 +16,4 @@
   background-color: var(--error);
   font-weight: bold;
   text-align: center;
-}
+}

src/pages/Layout.tsx

@@ -87,7 +87,7 @@ export default function Layout() {
     return (
         <div className="page">
             <div className="header">
-                <div onClick={() => navigate("/")}>snort</div>
+                <div className="logo" onClick={() => navigate("/")}>snort</div>
                 <div>
                     {key ? accountHeader() :
                         <div className="btn" onClick={() => navigate("/login")}>Login</div>
@@ -98,4 +98,4 @@ export default function Layout() {
             <Outlet />
         </div>
     )
-}
+}