diff --git a/.vitepress/theme/components/Home.vue b/.vitepress/theme/components/Home.vue
index a413f69a49..a661430c3c 100644
--- a/.vitepress/theme/components/Home.vue
+++ b/.vitepress/theme/components/Home.vue
@@ -162,16 +162,21 @@ html:not(.dark) .accent,
     linear-gradient(45deg, #42d392, #647eff) border-box;
   border: 2px solid transparent;
 }
+
 .actions .security:hover {
   background: linear-gradient(var(--vt-c-gray-light-4), var(--vt-c-gray-light-4)) padding-box, 
     linear-gradient(45deg, #42d392, #647eff) border-box;
 }
 
+.dark .actions .security:hover {
+  background: linear-gradient(var(--vt-c-gray-dark-3), var(--vt-c-gray-dark-3)) padding-box, 
+    linear-gradient(45deg, #42d392, #647eff) border-box;
+}
+
 .actions .security .icon {
   width: 12px;
   height: 12px;
   margin-left: 4px;
-
 }
 
 .actions .get-started,
diff --git a/.vitepress/theme/components/SecurityUpdateBtn.vue b/.vitepress/theme/components/SecurityUpdateBtn.vue
index e1606b8a82..cfd8ceb291 100644
--- a/.vitepress/theme/components/SecurityUpdateBtn.vue
+++ b/.vitepress/theme/components/SecurityUpdateBtn.vue
@@ -43,6 +43,10 @@
       linear-gradient(45deg, #42d392, #647eff) border-box;
     transition-duration: 0.2s;
   }
+  .dark .container .security:hover {
+    background: linear-gradient(var(--vt-c-gray-dark-3), var(--vt-c-gray-dark-3)) padding-box, 
+      linear-gradient(45deg, #42d392, #647eff) border-box;
+  }
   .container .security .icon {
     width: 12px;
     height: 12px;