diff --git a/src/layouts/DrawerComponent.vue b/src/layouts/DrawerComponent.vue
index 8ede7546..f30dc8fd 100644
--- a/src/layouts/DrawerComponent.vue
+++ b/src/layouts/DrawerComponent.vue
@@ -487,19 +487,11 @@ onMounted(async () => {
   }
 
   &:hover {
-    color: var(--brand-1) !important;
     cursor: pointer;
-    font-weight: bold;
-
-    & nav::before {
-      content: '';
-      display: inline-block;
-      margin-left: -3px;
-      width: 4px;
-      height: 18px;
-      border-radius: 50px;
-      background-color: var(--brand-2);
-    }
+    background-color: hsla(var(--stone-8-hsl) / 0.1);
+    transition: 0.3s ease-in-out;
+    border-top-right-radius: var(--radius-2);
+    border-bottom-right-radius: var(--radius-2);
   }
 }
 </style>