diff --git a/web/src/components/DemoBanner.tsx b/web/src/components/DemoBanner.tsx
index 366e1d3..1b517f3 100644
--- a/web/src/components/DemoBanner.tsx
+++ b/web/src/components/DemoBanner.tsx
@@ -14,7 +14,7 @@ const DemoBanner: React.FC = () => {
   return (
     <div className="z-10 relative flex flex-row items-center justify-center w-full py-2 text-sm sm:text-lg font-medium dark:text-gray-300 bg-white dark:bg-zinc-700 shadow">
       <div className="w-full max-w-6xl px-4 md:px-12 flex flex-row justify-between items-center gap-x-3">
-        <span>✨Slash - An open source, self-hosted bookmarks and link sharing platform</span>
+        <span>✨🔗 Slash - An open source, self-hosted bookmarks and link sharing platform</span>
         <a
           className="shadow flex flex-row justify-center items-center px-2 py-1 rounded-md text-sm sm:text-base text-white bg-blue-600 hover:bg-blue-700"
           href="https://github.com/boojack/slash#deploy-with-docker-in-seconds"
diff --git a/web/src/components/Header.tsx b/web/src/components/Header.tsx
index f94a0c8..59f1db8 100644
--- a/web/src/components/Header.tsx
+++ b/web/src/components/Header.tsx
@@ -21,8 +21,8 @@ const Header: React.FC = () => {
       <div className="w-full bg-gray-50 border-b border-b-gray-200">
         <div className="w-full max-w-6xl mx-auto px-3 md:px-12 py-5 flex flex-row justify-between items-center">
           <div className="flex flex-row justify-start items-center shrink mr-2">
-            <Link to="/" className="text-base font-mono font-medium cursor-pointer flex flex-row justify-start items-center">
-              <img src="/logo.png" className="w-8 h-auto mr-2" alt="" />
+            <Link to="/" className="text-lg cursor-pointer flex flex-row justify-start items-center">
+              <img src="/logo.png" className="w-8 h-auto mr-2 -mt-0.5" alt="" />
               Slash
             </Link>
           </div>
diff --git a/web/src/components/setting/AccountSection.tsx b/web/src/components/setting/AccountSection.tsx
index 90068ff..5a486ec 100644
--- a/web/src/components/setting/AccountSection.tsx
+++ b/web/src/components/setting/AccountSection.tsx
@@ -19,7 +19,7 @@ const AccountSection: React.FC = () => {
           {isAdmin && <span className="ml-2 bg-blue-600 text-white px-2 leading-6 text-sm rounded-full">Admin</span>}
         </p>
         <p className="flex flex-row justify-start items-center">
-          <span className="mr-3 text-gray-500 font-mono">Email: </span>
+          <span className="mr-3 text-gray-500">Email: </span>
           {currentUser.email}
         </p>
         <div className="flex flex-row justify-start items-center gap-2 mt-2">
diff --git a/web/src/pages/Account.tsx b/web/src/pages/Account.tsx
deleted file mode 100644
index 48985e5..0000000
--- a/web/src/pages/Account.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Button } from "@mui/joy";
-import { useState } from "react";
-import ChangePasswordDialog from "../components/ChangePasswordDialog";
-import EditUserinfoDialog from "../components/EditUserinfoDialog";
-import useUserStore from "../stores/v1/user";
-
-const Account: React.FC = () => {
-  const currentUser = useUserStore().getCurrentUser();
-  const [showEditUserinfoDialog, setShowEditUserinfoDialog] = useState<boolean>(false);
-  const [showChangePasswordDialog, setShowChangePasswordDialog] = useState<boolean>(false);
-
-  return (
-    <>
-      <div className="mx-auto max-w-6xl w-full px-3 md:px-12 py-6 flex flex-col justify-start items-start space-y-4">
-        <p className="text-3xl my-2">{currentUser.nickname}</p>
-        <p className="leading-8 flex flex-row justify-start items-center">
-          <span className="mr-3 text-gray-500 font-mono">Email: </span>
-          {currentUser.email}
-        </p>
-        <div className="flex flex-row justify-start items-center gap-2">
-          <Button variant="outlined" color="neutral" onClick={() => setShowEditUserinfoDialog(true)}>
-            Edit
-          </Button>
-          <Button variant="outlined" color="neutral" onClick={() => setShowChangePasswordDialog(true)}>
-            Change password
-          </Button>
-        </div>
-      </div>
-
-      {showEditUserinfoDialog && <EditUserinfoDialog onClose={() => setShowEditUserinfoDialog(false)} />}
-
-      {showChangePasswordDialog && <ChangePasswordDialog onClose={() => setShowChangePasswordDialog(false)} />}
-    </>
-  );
-};
-
-export default Account;
diff --git a/web/src/pages/SignIn.tsx b/web/src/pages/SignIn.tsx
index b1480b4..0439a1f 100644
--- a/web/src/pages/SignIn.tsx
+++ b/web/src/pages/SignIn.tsx
@@ -74,7 +74,7 @@ const SignIn: React.FC = () => {
         <div className="w-full py-4 grow flex flex-col justify-center items-center">
           <div className="flex flex-row justify-start items-center w-auto mx-auto gap-y-2 mb-4">
             <img src="/logo.png" className="w-12 h-auto mr-2 -mt-1" alt="logo" />
-            <span className="text-3xl font-medium font-mono opacity-80">Slash</span>
+            <span className="text-3xl opacity-80">Slash</span>
           </div>
           <form className="w-full mt-6" onSubmit={handleSigninBtnClick}>
             <div className={`flex flex-col justify-start items-start w-full ${actionBtnLoadingState.isLoading ? "opacity-80" : ""}`}>
diff --git a/web/src/pages/SignUp.tsx b/web/src/pages/SignUp.tsx
index 549150f..0d7792e 100644
--- a/web/src/pages/SignUp.tsx
+++ b/web/src/pages/SignUp.tsx
@@ -78,7 +78,7 @@ const SignUp: React.FC = () => {
         <div className="w-full py-4 grow flex flex-col justify-center items-center">
           <div className="flex flex-row justify-start items-center w-auto mx-auto gap-y-2 mb-4">
             <img src="/logo.png" className="w-12 h-auto mr-2 -mt-1" alt="logo" />
-            <span className="text-3xl font-medium font-mono opacity-80">Slash</span>
+            <span className="text-3xl opacity-80">Slash</span>
           </div>
           <p className="w-full text-2xl mt-6">Create your account</p>
           <form className="w-full mt-4" onSubmit={handleSignupBtnClick}>