diff --git a/src/components/parts/Header.tsx b/src/components/parts/Header.tsx
index 253f05a..03ac7b5 100644
--- a/src/components/parts/Header.tsx
+++ b/src/components/parts/Header.tsx
@@ -9,21 +9,25 @@ import Logofreeland from "../Logofreeland";
 import { Button } from "../Button/Button";
 import Avatar from "../Avatar";
 import Navbar from "../Navbar";
-import Bell from "./Bell";
 import Logo from "../Logo";
-import Link from "./Link";
+import { RouterLink } from "components/typography/RouterLink";
 
 /* -------------------------------------------------------------------------- */
 /*                                    Icons                                   */
 /* -------------------------------------------------------------------------- */
-import { ReactComponent as SVGFavoriteOutlined } from "assets/svg/favorite-outlined.svg";
-import { ReactComponent as SVGFolder } from "assets/svg/folder.svg";
-import { ReactComponent as SVGFile } from "assets/svg/file.svg";
-import { ReactComponent as SVGEye } from "assets/svg/eye.svg";
+import {
+  SVGBellNotification,
+  SVGBell,
+  SVGFavoriteOutlined,
+  SVGFolder,
+  SVGFile,
+  SVGEye,
+} from "components/icons";
 
 const Header = () => {
   const [authenticated, setAuthenticated] = useState(false);
   const onClick = () => setAuthenticated(true);
+  const [notification, setNotification] = useState(false);
 
   /* -------------------------------------------------------------------------- */
   /*                         Implement Header Component                         */
@@ -58,9 +62,12 @@ const Header = () => {
              gap-2"
         >
           {/* Link Create now - start -  */}
-          <Link className="text-blue-500 px-4 font-bold uppercase" href="#">
+          <RouterLink
+            className="text-blue-500 px-4 font-bold uppercase"
+            to="/create-new"
+          >
             Create new
-          </Link>
+          </RouterLink>
           {/* Link Create now - end -  */}
 
           {/* Dropdown Menu My library - start - */}
@@ -143,7 +150,11 @@ const Header = () => {
           : [
               <Button emphasis="low">
                 <Button.Icon>
-                  <Bell className="h-6 w-6" />
+                  {!notification ? (
+                    <SVGBell className="h-6 w-6 fill-gray-900 stroke-gray-900" />
+                  ) : (
+                    <SVGBellNotification className="h-6 w-6 fill-gray-900 stroke-gray-900" />
+                  )}
                 </Button.Icon>
               </Button>,