diff --git a/client/public/favicon.ico b/client/public/favicon.ico
index a11777cc..5895f24d 100644
Binary files a/client/public/favicon.ico and b/client/public/favicon.ico differ
diff --git a/client/src/components/NotFound.tsx b/client/src/components/NotFound.tsx
index 4af792ea..f12ba5e7 100644
--- a/client/src/components/NotFound.tsx
+++ b/client/src/components/NotFound.tsx
@@ -1,23 +1,11 @@
 import { AppBar, Box, CssBaseline, Typography, Link } from "@mui/material";
+import NotFoundHeadBar from "./template/NotFoundAppBar";
 
 const NotFound = () => {
   return (
     <>
       <CssBaseline />
-      <AppBar position="fixed" style={{ color: "#FFFFFF", height: 60 }}>
-        <Typography
-          variant="h4"
-          align="left"
-          style={{
-            marginLeft: 20,
-            color: "white",
-            marginTop: 10,
-            marginBottom: 10,
-          }}
-        >
-          socialdistribution
-        </Typography>
-      </AppBar>
+      <NotFoundHeadBar />
       <Box
         sx={{
           display: "flex",
diff --git a/client/src/components/template/NotFoundAppBar.tsx b/client/src/components/template/NotFoundAppBar.tsx
new file mode 100644
index 00000000..b580328e
--- /dev/null
+++ b/client/src/components/template/NotFoundAppBar.tsx
@@ -0,0 +1,44 @@
+import AppBar from "@mui/material/AppBar";
+import Image from "mui-image";
+import { Link } from "react-router-dom";
+import Typography from "@mui/material/Typography";
+
+const NotFoundHeadBar = () => {
+  return (
+    <AppBar
+      position="fixed"
+      style={{
+        height: 60,
+        display: "flex",
+        flexDirection: "row",
+        justifyContent: "space-between",
+        background: "transparent",
+        backdropFilter: "blur(15px)",
+        boxShadow: "none",
+        borderBottom: "1px solid #dbd9d9",
+      }}
+    >
+      <Link
+        to="/home-page"
+        style={{
+          textDecoration: "none",
+          marginLeft: "calc(15vw - 16px)",
+        }}
+      >
+        <Typography
+          variant="h4"
+          align="left"
+          color="primary"
+          style={{
+            marginTop: 10,
+            marginBottom: 10,
+          }}
+        >
+          distributed
+        </Typography>
+      </Link>
+    </AppBar>
+  );
+};
+
+export default NotFoundHeadBar;