diff --git a/src/components/DrawerComponent.vue b/src/components/DrawerComponent.vue
index 5a9df165..c2894b10 100644
--- a/src/components/DrawerComponent.vue
+++ b/src/components/DrawerComponent.vue
@@ -1,19 +1,22 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { computed, onMounted, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { Icon } from '@iconify/vue';
 
 const router = useRouter();
 
 const currentRoute = ref<string>('');
+const currentPath = computed(() => {
+  return router.currentRoute.value.path;
+});
 
 const labelMenu = ref<
   { label: string; icon: string; route: string; disabled?: boolean }[]
 >([
   {
     label: 'drawerDashboard',
-    icon: 'img:/file-account-outline.png',
-    route: '',
+    icon: 'mage:dashboard',
+    route: '/',
   },
   {
     label: 'drawerBranchManagement',
@@ -114,7 +117,7 @@ function navigateTo(label: string, destination: string) {
         :disable="!!v.disabled"
         @click="navigateTo(v.label, v.route)"
         class="no-padding"
-        :class="{ active: currentRoute === v.label, dark: $q.dark.isActive }"
+        :class="{ active: currentPath === v.route, dark: $q.dark.isActive }"
       >
         <q-item-section id="btn-drawer-back ">
           <q-item-label class="q-pl-lg row items-center">