diff --git a/assets/style.css b/assets/style.css
index 4d7b6a0..c679745 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -172,10 +172,15 @@ header hr {
     border: 0;
     transition: max-height 0.3s ease;
 }
+.navsite_item .navpage_list {
+    transition-delay: 0.3s; /* Delay the border fade-out transition */
+}
 
+/* Modify this style for the hover state of the navsite_item */
 .navsite_item:hover .navpage_list {
-    max-height: 200px;
-    border: 4px solid var(--primary-hover) ;
+    max-height: 200px; /* Adjust the value based on your content height */
+    border: 4px solid var(--primary-hover); /* Adjust border style as needed */
+    transition-delay: 0s; /* Reset delay on hover */
 }
 
 a.navpage_link{