diff --git a/src/pages/layout.css b/src/pages/layout.css
index 5d9c12c..8da6c8d 100644
--- a/src/pages/layout.css
+++ b/src/pages/layout.css
@@ -90,15 +90,11 @@ header {
 }
 
 header .logo {
-    background: #171717;
+    background: url("public/logo.png") no-repeat #171717;
+    background-size: cover;
     border-radius: 16px;
     width: 48px;
     height: 48px;
-    font-weight: bold;
-    font-size: 24px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
     cursor: pointer;
 }
 
diff --git a/src/pages/layout.tsx b/src/pages/layout.tsx
index ce26425..64147bb 100644
--- a/src/pages/layout.tsx
+++ b/src/pages/layout.tsx
@@ -63,9 +63,7 @@ export function LayoutPage() {
       }
     >
       <header>
-        <div className="logo" onClick={() => navigate("/")}>
-          S
-        </div>
+        <div className="logo" onClick={() => navigate("/")}></div>
         <div className="paper">
           <input className="search-input" type="text" placeholder="Search" />
           <Icon name="search" size={15} />