diff --git a/src/pages/Layout.css b/src/pages/Layout.css
index 7725e9b..a6a0ddd 100644
--- a/src/pages/Layout.css
+++ b/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;
-}
\ No newline at end of file
+}
diff --git a/src/pages/Layout.tsx b/src/pages/Layout.tsx
index 34c1d45..f42531d 100644
--- a/src/pages/Layout.tsx
+++ b/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>
     )
-}
\ No newline at end of file
+}