diff --git a/assets/style.css b/assets/style.css
index 58540f6..115a8d3 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -151,7 +151,8 @@ header hr {
 /* 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: 8px solid var(--primary-hover); /* Adjust border style as needed */
+    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 */
 }