diff --git a/web/src/chakraThemeDark.ts b/web/src/chakraThemeDark.ts
index 499195e473..317c3eb324 100644
--- a/web/src/chakraThemeDark.ts
+++ b/web/src/chakraThemeDark.ts
@@ -104,6 +104,16 @@ const Button = defineStyleConfig({
       },
     },
 
+    thirdly: {
+      color: "lafDark.1000",
+      bg: "lafDark.300",
+      _hover: {
+        bg: "lafDark.400",
+      },
+      border: "1px solid",
+      rounded: "md",
+    },
+
     plain: {
       bg: "grayModern.100",
       color: "grayModern.500",
diff --git a/web/src/layouts/Auth/index.module.scss b/web/src/layouts/Auth/index.module.scss
index d8e1d2d1ae..a3c72d5071 100644
--- a/web/src/layouts/Auth/index.module.scss
+++ b/web/src/layouts/Auth/index.module.scss
@@ -1,6 +1,4 @@
 .container {
-  display: flex;
-  flex-direction: column;
   height: 100vh;
   width: 100vw;
   background-color: #edf1f5;
diff --git a/web/src/layouts/Auth/index.tsx b/web/src/layouts/Auth/index.tsx
index a443ad8256..db4b31714b 100644
--- a/web/src/layouts/Auth/index.tsx
+++ b/web/src/layouts/Auth/index.tsx
@@ -1,11 +1,14 @@
 import { Outlet } from "react-router-dom";
-import clsx from "clsx";
 
 import styles from "./index.module.scss";
 
 export default function LoginReg() {
   return (
-    <div className={clsx(styles.container)}>
+    <div className={styles.container}>
+      <div className="absolute top-[120px] left-[120px]">
+        <div className="text-primary-600 text-[36px]">Welcome to laf !</div>
+        <div className="text-grayModern-500 text-[20px]">life is short, you need laf.</div>
+      </div>
       <Outlet />
     </div>
   );
diff --git a/web/src/layouts/Header/UserSetting/index.tsx b/web/src/layouts/Header/UserSetting/index.tsx
index 72c3dc1c4a..bb5b5e0ad1 100644
--- a/web/src/layouts/Header/UserSetting/index.tsx
+++ b/web/src/layouts/Header/UserSetting/index.tsx
@@ -1,7 +1,6 @@
 import { useTranslation } from "react-i18next";
 import { Avatar, Menu, MenuButton, MenuItem, MenuList, useColorMode } from "@chakra-ui/react";
 
-import { VITE_SERVER_BASE_URL } from "@/constants";
 import i18n from "@/utils/i18n";
 
 import SettingModal, { TabKeys } from "@/pages/app/setting";
@@ -64,8 +63,9 @@ export default function UserSetting(props: { name: string; avatar?: string; widt
 
         <MenuItem
           onClick={() => {
-            localStorage.clear();
-            (window as any).location.href = (VITE_SERVER_BASE_URL + "/login") as string;
+            localStorage.removeItem("token");
+            localStorage.setItem("chakra-ui-color-mode", "light");
+            window.location.href = "/login";
           }}
         >
           {t("Logout")}
diff --git a/web/src/layouts/LoginReg.tsx b/web/src/layouts/LoginReg.tsx
deleted file mode 100644
index 627b1530f8..0000000000
--- a/web/src/layouts/LoginReg.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Outlet } from "react-router-dom";
-
-export default function LoginReg() {
-  return (
-    <div className="pb-16">
-      <Outlet />
-    </div>
-  );
-}