changes

assets/style.css

@@ -134,6 +134,9 @@ header hr {
 .navsite_item:hover .navpage_list{
     display: flex !important;
 }
+
+
+/* Add this style for the initial state of the navpage_list */
 .navpage_list {
     background-color: var(--third-bg);
     margin-top: 10px;
@@ -141,18 +144,18 @@ header hr {
     flex-direction: column;
     overflow: hidden; /* Hide the content initially */
     max-height: 0; /* Set the initial height to 0 */
-    transition: max-height 0.3s ease; /* Add transition for smooth height animation */
-}
-
-/* Modify this style for the hover state of the navsite_item */
-.navsite_item:hover .navpage_list_wrapper {
-    border: 8px solid var(--primary-hover); /* Adjust border style as needed */
+    border: 0; /* Set initial border to 0 */
+    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: 8px solid var(--primary-hover); /* Adjust border style as needed */
 }
+
+
+
 li.navpage_item{
     padding-left: 20px;
     padding-right: 20px;