diff --git a/packages/website/components/NavBar/index.tsx b/packages/website/components/NavBar/index.tsx
index c271c5209..d53bd900a 100644
--- a/packages/website/components/NavBar/index.tsx
+++ b/packages/website/components/NavBar/index.tsx
@@ -59,7 +59,7 @@ export default function (props: {
       <div
         id="nav"
         className=" bg-white sticky top-0 dark:bg-dark nav-shadow dark:nav-shadow-dark"
-        style={{ zIndex: 1200 }}
+        style={{ zIndex: 90 }}
       >
         {/* 上面的导航栏 */}
         <div
diff --git a/packages/website/components/NavBar/item.tsx b/packages/website/components/NavBar/item.tsx
index 4a267d8f1..cd47ec098 100644
--- a/packages/website/components/NavBar/item.tsx
+++ b/packages/website/components/NavBar/item.tsx
@@ -76,7 +76,7 @@ function LinkItemWithChildren(props: { item: MenuItem }) {
             top: 50,
             left: "-4px",
             transform: show ? "scale(100%)" : "scale(0)",
-            zIndex: 999,
+            zIndex: 80,
           }}
           onMouseEnter={() => {
             setHoverSub(true);
diff --git a/packages/website/components/SearchCard/index.tsx b/packages/website/components/SearchCard/index.tsx
index 9543d0049..555c53589 100644
--- a/packages/website/components/SearchCard/index.tsx
+++ b/packages/website/components/SearchCard/index.tsx
@@ -105,7 +105,7 @@ export default function (props: {
     <div
       className="fixed w-full h-full top-0 left-0 right-0 bottom-0  justify-center items-center flex"
       style={{
-        zIndex: 1300,
+        zIndex: 100,
         backgroundColor: "rgba(0,0,0,0.4)",
         visibility: props.visible ? "visible" : "hidden",
       }}
diff --git a/packages/website/styles/back-to-top.module.css b/packages/website/styles/back-to-top.module.css
index 23f53aa08..69cd9cc2c 100644
--- a/packages/website/styles/back-to-top.module.css
+++ b/packages/website/styles/back-to-top.module.css
@@ -9,7 +9,7 @@
   height: 42px;
   background-color: #fff;
   font-size: 40px;
-  z-index: 999;
+  z-index: 90;
   cursor: pointer;
   text-align: center;
   box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15);
diff --git a/packages/website/styles/globals.css b/packages/website/styles/globals.css
index c17b54eb8..efa6fa26a 100644
--- a/packages/website/styles/globals.css
+++ b/packages/website/styles/globals.css
@@ -115,7 +115,7 @@
 .headroom {
   will-change: transform;
   transition: transform 200ms linear;
-  z-index: 999;
+  z-index: 100;
 }
 .headroom--pinned {
   transform: translateY(0%);
diff --git a/packages/website/styles/side-bar.css b/packages/website/styles/side-bar.css
index 69ee1e71b..3f7fa97c9 100644
--- a/packages/website/styles/side-bar.css
+++ b/packages/website/styles/side-bar.css
@@ -44,7 +44,7 @@ Note: Beware of modifying this element as it can break the animations - you shou
   font-size: 1.15em;
   width: 250px;
   box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
-  z-index: 1002;
+  z-index: 110;
 }
 .dark .bm-menu {
   background: #26282c;
diff --git a/packages/website/styles/zoom.css b/packages/website/styles/zoom.css
index ed8a83686..d2e07957d 100644
--- a/packages/website/styles/zoom.css
+++ b/packages/website/styles/zoom.css
@@ -1,5 +1,5 @@
 .medium-zoom-overlay {
-  z-index: 1300;
+  z-index: 200;
   background: white !important;
 }
 
@@ -8,5 +8,5 @@
 }
 
 .medium-zoom-image--opened {
-  z-index: 1400;
+  z-index: 210;
 }