diff --git a/src/assets/logo_dark_160.png b/src/assets/logo_dark_160.png
new file mode 100644
index 0000000..8109c44
Binary files /dev/null and b/src/assets/logo_dark_160.png differ
diff --git a/src/assets/logo_light_160.png b/src/assets/logo_light_160.png
new file mode 100644
index 0000000..078ce82
Binary files /dev/null and b/src/assets/logo_light_160.png differ
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index c214521..afbd898 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { Link } from "react-router-dom";
-import logo from "../assets/logo_light_46.png";
+import logo from "../assets/logo_light_160.png";
 import { SideSheet } from "@douyinfe/semi-ui";
 import { IconMenu } from "@douyinfe/semi-icons";
 
@@ -12,7 +12,7 @@ export default function Navbar() {
       <div className="py-5 px-8 sm:px-4 flex justify-between items-center">
         <div className="flex items-center justify-start">
           <Link to="/">
-            <img src={logo} alt="logo" className="me-2 sm:h-[32px]" />
+            <img src={logo} alt="logo" className="me-2 h-[48px] sm:h-[32px]" />
           </Link>
           <div className="md:hidden">
             <Link
diff --git a/src/pages/BugReport.jsx b/src/pages/BugReport.jsx
index aa4861d..477af8f 100644
--- a/src/pages/BugReport.jsx
+++ b/src/pages/BugReport.jsx
@@ -1,6 +1,6 @@
 import { useEffect, useState, useCallback, useRef } from "react";
-import logo_light from "../assets/logo_light_46.png";
-import logo_dark from "../assets/logo_dark_46.png";
+import logo_light from "../assets/logo_light_160.png";
+import logo_dark from "../assets/logo_dark_160.png";
 import { Banner, Button, Input, Upload, Toast, Spin } from "@douyinfe/semi-ui";
 import {
   IconSun,
@@ -177,7 +177,7 @@ export default function BugReport() {
             <img
               src={theme === "dark" ? logo_dark : logo_light}
               alt="logo"
-              className="me-2 sm:h-[28px] md:h-[46px]"
+              className="me-2 sm:h-[28px] md:h-[46px] h-[48px]"
             />
           </Link>
           <div className="ms-4 sm:text-sm xl:text-lg font-semibold">
diff --git a/src/pages/Dashboard.jsx b/src/pages/Dashboard.jsx
index 90bfd31..cfe25f8 100644
--- a/src/pages/Dashboard.jsx
+++ b/src/pages/Dashboard.jsx
@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
 import { useCookies } from "react-cookie";
-import logo_light from "../assets/logo_light_46.png";
-import logo_dark from "../assets/logo_dark_46.png";
+import logo_light from "../assets/logo_light_160.png";
+import logo_dark from "../assets/logo_dark_160.png";
 
 const Page = {
   MY_FILES: 0,
diff --git a/src/pages/Shortcuts.jsx b/src/pages/Shortcuts.jsx
index 261cb79..26e2f49 100644
--- a/src/pages/Shortcuts.jsx
+++ b/src/pages/Shortcuts.jsx
@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
-import logo_light from "../assets/logo_light_46.png";
-import logo_dark from "../assets/logo_dark_46.png";
+import logo_light from "../assets/logo_light_160.png";
+import logo_dark from "../assets/logo_dark_160.png";
 import { AutoComplete, Button } from "@douyinfe/semi-ui";
 import { IconSearch, IconSun, IconMoon } from "@douyinfe/semi-icons";
 import { Link } from "react-router-dom";
@@ -117,7 +117,7 @@ export default function Shortcuts() {
             <img
               src={theme === "dark" ? logo_dark : logo_light}
               alt="logo"
-              className="me-2 sm:h-[28px] md:h-[46px]"
+              className="me-2 sm:h-[28px] md:h-[46px] h-[48px]"
             />
           </Link>
           <div className="ms-4 sm:text-sm xl:text-lg font-semibold">
diff --git a/src/pages/Survey.jsx b/src/pages/Survey.jsx
index 1eab49f..4fb2e62 100644
--- a/src/pages/Survey.jsx
+++ b/src/pages/Survey.jsx
@@ -1,6 +1,6 @@
 import { useEffect, useState, useCallback, useMemo } from "react";
-import logo_light from "../assets/logo_light_46.png";
-import logo_dark from "../assets/logo_dark_46.png";
+import logo_light from "../assets/logo_light_160.png";
+import logo_dark from "../assets/logo_dark_160.png";
 import {
   Banner,
   Button,
@@ -280,7 +280,7 @@ export default function Survey() {
             <img
               src={theme === "dark" ? logo_dark : logo_light}
               alt="logo"
-              className="me-2 sm:h-[28px] md:h-[46px]"
+              className="me-2 sm:h-[28px] md:h-[46px] h-[48px]"
             />
           </Link>
           <div className="ms-4 sm:text-sm xl:text-lg font-semibold">
diff --git a/src/pages/Templates.jsx b/src/pages/Templates.jsx
index 00b9e91..89ff470 100644
--- a/src/pages/Templates.jsx
+++ b/src/pages/Templates.jsx
@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import logo_light from "../assets/logo_light_46.png";
+import logo_light from "../assets/logo_light_160.png";
 import template_screenshot from "../assets/template_screenshot.png"
 import { Link } from "react-router-dom";
 import { Tabs, TabPane, Banner, Steps } from "@douyinfe/semi-ui";
@@ -197,7 +197,7 @@ export default function Templates() {
               <img
                 src={logo_light}
                 alt="logo"
-                className="me-2 sm:h-[28px] md:h-[46px]"
+                className="me-2 sm:h-[28px] md:h-[46px] h-[48px]"
               />
             </Link>
             <div className="ms-4 sm:text-sm xl:text-xl text-xl font-semibold">