diff --git a/assets/style.css b/assets/style.css
index 115a8d3..f47bd32 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -144,17 +144,22 @@ header hr {
     flex-direction: column;
     overflow: hidden; /* Hide the content initially */
     max-height: 0; /* Set the initial height to 0 */
-    border: 0; /* Set initial border to 0 */
+    border: 4px solid var(--primary-hover); /* Set initial border */
     transition: max-height 0.3s ease, border 0.3s ease; /* Add transition for smooth height and border animation */
 }
 
 /* Modify this style for the hover state of the navsite_item */
 .navsite_item:hover .navpage_list {
     max-height: 200px; /* Adjust the value based on your content height */
-    border: 4px solid var(--primary-hover); /* Adjust border style as needed */
-    transition: max-height 0.3s ease, border 0.3s ease; /* Add transition for smooth height and border animation */
+    border: 8px solid var(--primary-hover); /* Ensure border remains visible on hover */
 }
 
+/* Add this style for the transition when not hovering */
+.navsite_item:not(:hover) .navpage_list {
+    max-height: 0; /* Set height to 0 when not hovering */
+    border: 4px solid var(--primary-hover); /* Maintain border for the delay */
+    transition-delay: 0.3s; /* Delay the border fade-out transition */
+}
 
 
 li.navpage_item{