diff --git a/src/interface/request/main/main.ts b/src/interface/request/main/main.ts
index 5ea957a3..08fbe66c 100644
--- a/src/interface/request/main/main.ts
+++ b/src/interface/request/main/main.ts
@@ -464,7 +464,7 @@ const menuList = readonly<any[]>([
   //         },
   //       ],
   //     },
-    // ],
+  // ],
   // },
 ]);
 
@@ -472,7 +472,7 @@ const tabList = readonly<any[]>([
   {
     no: 1,
     label: "การเข้าสู่ระบบ",
-    path: "",
+    path: "/manual",
     childern: [
       {
         no: 1.1,
@@ -505,13 +505,13 @@ const tabList = readonly<any[]>([
         path: "/login/noti",
       }
     ]
-  }, 
+  },
 
 
   {
     no: 2,
     label: "ระบบข้อมูลหลัก",
-    path: "",
+    path: "/Datamain",
     childern: [
       {
         no: 2.1,
@@ -555,7 +555,7 @@ const tabList = readonly<any[]>([
   {
     no: 3,
     label: "ระบบโครงสร้างอัตรากำลัง",
-    path: "",
+    path: "/Structuremain",
     childern: [
       {
         no: 3.1,
@@ -605,7 +605,7 @@ const tabList = readonly<any[]>([
   {
     no: 4,
     label: "ระบบทะเบียนประวัติ",
-    path: "",
+    path: "/Registrationmain",
     childern: [
       {
         no: 4.1,
@@ -644,7 +644,7 @@ const tabList = readonly<any[]>([
   {
     no: 5,
     label: "หน้าจัดการระบบสรรหา",
-    path: "",
+    path: "/Recruitmain",
     childern: [
       {
         no: 5.1,
@@ -664,7 +664,7 @@ const tabList = readonly<any[]>([
           {
             no: 5.31,
             label: "จัดการรอบสอบการแข่งขัน",
-            path: "/Recruit/managecompet",  
+            path: "/Recruit/managecompet",
           },
           {
             no: 5.32,
@@ -681,7 +681,7 @@ const tabList = readonly<any[]>([
           {
             no: 5.41,
             label: "จัดการรอบคัดเลือก",
-            path: "/Recruit/qualifiers",  
+            path: "/Recruit/qualifiers",
           },
           {
             no: 5.42,
diff --git a/src/modules/01_manual/components/3_Structure/31_Main.vue b/src/modules/01_manual/components/3_Structure/31_Main.vue
index 7a482969..d315baf8 100644
--- a/src/modules/01_manual/components/3_Structure/31_Main.vue
+++ b/src/modules/01_manual/components/3_Structure/31_Main.vue
@@ -6,7 +6,7 @@ const text = ref("");
 
 <template>
   <div class="row col-12">
-    <div class="col-9">
+    <div class="col-12">
       <div class="toptitle text-dark col-12 row items-center">
         คู่มือการใช้งานระบบบริหารทรัพยากรบุคคลของกรุงเทพมหานคร
       </div>
diff --git a/src/modules/01_manual/components/4_ registration/41_main.vue b/src/modules/01_manual/components/4_ registration/41_main.vue
index ad256f26..4127095e 100644
--- a/src/modules/01_manual/components/4_ registration/41_main.vue	
+++ b/src/modules/01_manual/components/4_ registration/41_main.vue	
@@ -6,7 +6,7 @@ const text = ref("");
 
 <template>
   <div class="row col-12">
-    <div class="col-9">
+    <div class="col-12">
       <div class="toptitle text-dark col-12 row items-center">
         คู่มือการใช้งานระบบบริหารทรัพยากรบุคคลของกรุงเทพมหานคร
       </div>
diff --git a/src/modules/01_manual/components/5_recruitment/51_main.vue b/src/modules/01_manual/components/5_recruitment/51_main.vue
index e9d59ee4..baa9b96c 100644
--- a/src/modules/01_manual/components/5_recruitment/51_main.vue
+++ b/src/modules/01_manual/components/5_recruitment/51_main.vue
@@ -6,7 +6,7 @@ const text = ref("");
 
 <template>
   <div class="row col-12">
-    <div class="col-9">
+    <div class="col-12">
       <div class="toptitle text-dark col-12 row items-center">
         คู่มือการใช้งานระบบบริหารทรัพยากรบุคคลของกรุงเทพมหานคร
       </div>
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 05e23829..c20d160d 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -87,20 +87,18 @@ const tabScroll = () => {
 };
 
 const tabScroll2 = () => {
-  // let pathName = "";
+  let pathName = "";
   // let childernName: any = [];
   // tabList.forEach((e: any) => {
   //   childernName = e.childern;
   // });
   // console.log(childernName);
 
-  // pathName = childernName.find((e: any) => console.log(e));
-  // console.log(pathName);
-
-  // if (pathName) {
-  //   return true;
-  // }
-  return route.name == "manual";
+  pathName = tabList.find((e: any) => e.path === route.path);
+  if (pathName) {
+    return true;
+  }
+  // return route.name == "manual";
 };
 
 /**