diff --git a/src/components/Navbar/index.js b/src/components/Navbar/index.js
index 2f138ff..96ac81d 100644
--- a/src/components/Navbar/index.js
+++ b/src/components/Navbar/index.js
@@ -29,6 +29,7 @@ import bookmarkDeactiveDarkIcon from "../../assets/icons/bookmark-deactive-dark.
 import dotsMenuLightIcon from "../../assets/icons/dots-menu-light.svg";
 import bookmarkDeactiveLightIcon from "../../assets/icons/bookmark-deactive-light.svg";
 
+
 function Navbar({
   pages,
   isDark,
@@ -233,8 +234,14 @@ function Navbar({
       >
         <div className="w-full flex flex-row items-center h-full relative bg-white justify-between py-4 px-5 z-20 border-b border-gray-200 border-solid ">
           <div className="ml-10">
-            <span className={`text-sm font-bold ml-4 text-gray-700`}>
-              Design System
+            <span className={`text-sm font-bold ml-4 text-gray-700 flex items-center`}>
+            <Link
+            to="/"
+            
+          >
+            <img src={logoIcon} className="w-8 h-10" />
+          </Link>
+          <h1 className="text-3xl mx-2 mt-4 text-blue52">DANOVIN</h1>
             </span>
           </div>
           <div
@@ -257,7 +264,7 @@ function Navbar({
         </div>
 
         <div
-          className={`flex items-center relative w-full h-10 px-4  border-b border-solid border-gray-200 transform bg-white ${
+         className={`flex items-center relative w-full h-10 px-4  border-b border-solid border-gray-200 transform bg-white ${
             desktopEndTransform ? "" : ""
           }`}
           style={{