diff --git a/src/components/DrawerComponent.vue b/src/components/DrawerComponent.vue
index 02d0d1a0..91fc8ede 100644
--- a/src/components/DrawerComponent.vue
+++ b/src/components/DrawerComponent.vue
@@ -6,10 +6,17 @@ const labelMenu: {
   label: string;
   icon: string;
 }[] = [
-  { label: 'Dashboard', icon: 'file-account-outline' },
-  { label: 'จัดการสาขา', icon: 'add' },
-  { label: 'จัดการผู้ใช้งาน', icon: 'add' },
-  { label: 'จัดการหลักสูตร', icon: 'add' },
+  { label: 'Dashboard', icon: 'mdi-folder-arrow-left' },
+  { label: 'จัดการสาขา', icon: 'mdi-folder-arrow-left' },
+  { label: 'จัดการบุคลากร', icon: 'mdi-account-settings-outline' },
+  { label: 'จัดการลูกค้า', icon: 'mdi-account-settings-outline' },
+  { label: 'สินค้าและบริการ', icon: 'mdi-folder-arrow-left' },
+  { label: 'ใบเสนอราคา', icon: 'mdi-folder-arrow-left' },
+  { label: 'รายการคำขอ', icon: 'mdi-folder-arrow-left' },
+  { label: 'ใบสั่งงาน', icon: 'mdi-folder-arrow-left' },
+  { label: 'ใบรับสินค้า', icon: 'mdi-folder-arrow-left' },
+  { label: 'รายการทางบัญชี', icon: 'mdi-account-cash-outline' },
+  { label: 'รายงาน', icon: 'mdi-file-chart-outline' },
 ];
 
 const leftDrawerOpen = defineModel<boolean>('leftDrawerOpen', {
@@ -41,8 +48,9 @@ const leftDrawerOpen = defineModel<boolean>('leftDrawerOpen', {
       >
         <q-item-section id="btn-drawer-back " style="border: 10px">
           <q-item-label class="q-pl-lg">
-            <!-- <q-icon :name="v.icon" size="sm" class="q-mr-xs" /> -->
             <div class="box-border-left" />
+            <q-icon :name="v.icon" size="sm" class="q-mr-xs" />
+
             {{ v.label }}
           </q-item-label>
         </q-item-section>