Index: vue/src/components/DevOps/common/NavBar.vue
===================================================================
diff -u -r0b31c34c4801bd304d482dd64e41952ab3f84ec2 -r6088393778a64f2cfeed2ffbd3af7996831543d3
--- vue/src/components/DevOps/common/NavBar.vue	(.../NavBar.vue)	(revision 0b31c34c4801bd304d482dd64e41952ab3f84ec2)
+++ vue/src/components/DevOps/common/NavBar.vue	(.../NavBar.vue)	(revision 6088393778a64f2cfeed2ffbd3af7996831543d3)
@@ -15,30 +15,20 @@
             ref="firstmenu"
           >
             <i :class="list.icon"></i>
-            <span
-              class="accordion-button"
-              data-bs-toggle="collapse"
-              :data-bs-target="`#collapse${idx}`"
-            >
+            <span class="accordion-button">
               {{ list.title }}
             </span>
           </router-link>
-          <a
-            v-if="list.title !== 'Welcome'"
-            class="accordion-button"
-            data-bs-toggle="collapse"
-            :data-bs-target="`#collapse${idx}`"
-          >
+          <a v-if="list.title !== 'Welcome'" class="accordion-button">
             <i :class="list.icon"></i>
             <span>
               {{ list.title }}
             </span>
-            <i class="bi bi-chevron-left arrow"></i>
           </a>
 
           <ul
             :id="`collapse${idx}`"
-            class="accordion-collapse collapse"
+            class="accordion-collapse"
             data-bs-parent="#side-nav-bar"
           >
             <li
@@ -91,9 +81,6 @@
     const subMenuEl = list.children[0].children[1];
     if (path.includes(title)) {
       titleEl.classList.add('active-blue');
-      titleEl.classList.remove('collapsed');
-      subMenuEl.classList.add('show');
-      titleEl.setAttribute('aria-expanded', 'true');
     }
     if (idx === 0) {
       list.addEventListener('click', () => clickMenuRemoveActive(list, titleEl));
@@ -134,12 +121,6 @@
           position: relative;
           transition: rotate 0.5s;
           transform: rotate(0deg);
-          &[aria-expanded='true'] {
-            .arrow {
-              transition: all 0.5s;
-              transform: rotate(-90deg);
-            }
-          }
           .bi:nth-child(1) {
             margin-right: 10px;
           }
@@ -160,7 +141,12 @@
       .accordion-collapse {
         .accordion-body {
           a {
-            padding: 4px 20px 4px 50px;
+            margin-left: 20px;
+            padding: 4px 20px 4px 30px;
+            border-radius: 5px;
+            &:hover {
+              background: rgba(0, 0, 0, 0.07);
+            }
           }
         }
       }