diff --git a/src/components/PageStrcture/Nav.vue b/src/components/PageStrcture/Nav.vue
index 3e228e7ec1..09261b5292 100644
--- a/src/components/PageStrcture/Nav.vue
+++ b/src/components/PageStrcture/Nav.vue
@@ -64,8 +64,7 @@ export default {
       outline: none;
       border: none;
       border-radius: var(--curve-factor);
-      -webkit-box-shadow: 1px 1px 2px #232323;
-      box-shadow: 1px 1px 2px #232323;
+      box-shadow: var(--nav-link-shadow);
       color: var(--nav-link-text-color);
       background: var(--nav-link-background-color);
       border: 1px solid var(--nav-link-border-color);
@@ -74,6 +73,7 @@ export default {
         color: var(--nav-link-text-color-hover);
         background: var(--nav-link-background-color-hover);
         border: 1px solid var(--nav-link-border-color-hover);
+        box-shadow: var(--nav-link-shadow-hover);
       }
     }
   }