diff --git a/src/layouts/DrawerComponent.vue b/src/layouts/DrawerComponent.vue
index ad45387c..2693202e 100644
--- a/src/layouts/DrawerComponent.vue
+++ b/src/layouts/DrawerComponent.vue
@@ -216,6 +216,8 @@ onMounted(async () => {
         <template v-for="(menu, i) in menuData" :key="i">
           <q-expansion-item
             v-if="!menu.hidden"
+            :id="menu.label"
+            :for="menu.label"
             dense
             :model-value="menuActive[i]"
             expand-icon-class="no-padding"
@@ -277,6 +279,7 @@ onMounted(async () => {
                             !sub.disabled && navigateTo('', sub.route);
                           }
                         "
+                        :id="`sub-menu-${sub.label}`"
                       >
                         <span style="white-space: nowrap">
                           {{ $t(`${menu.label}.${sub.label}`) }}
@@ -296,6 +299,7 @@ onMounted(async () => {
                   :class="{ 'q-mt-sm': i === 0, 'sub-menu': !sub.disabled }"
                   style="border-left: 2px solid var(--surface-tab)"
                   @click="!sub.disabled && navigateTo('', sub.route)"
+                  :id="`sub-menu-${sub.label}`"
                 >
                   <nav
                     class="row items-center no-wrap"