diff --git a/src/modules/05_placement/components/OrderPlacement/MainOrderPlacement.vue b/src/modules/05_placement/components/OrderPlacement/MainOrderPlacement.vue
index 95205f7c7..8e8109ccd 100644
--- a/src/modules/05_placement/components/OrderPlacement/MainOrderPlacement.vue
+++ b/src/modules/05_placement/components/OrderPlacement/MainOrderPlacement.vue
@@ -202,7 +202,7 @@
           <template v-slot:pagination="scope">
             <q-pagination
               v-model="pagination.page"
-              color="grey-8"
+              color="primary"
               :max="scope.pagesNumber"
               :max-pages="5"
               size="sm"
@@ -541,7 +541,7 @@ const clickDelete = (id: string) => {
 // };
 
 const clickAdd = () => {
-  router.push({ name: "addOrderPlacement" });
+  router.push({ name: "OrderplacementDetail" });
 };
 
 // เลือกปีงบประมาณ
diff --git a/src/modules/05_placement/components/OrderPlacement/detailOrderReplace.vue b/src/modules/05_placement/components/OrderPlacement/detailOrderPlacement.vue
similarity index 86%
rename from src/modules/05_placement/components/OrderPlacement/detailOrderReplace.vue
rename to src/modules/05_placement/components/OrderPlacement/detailOrderPlacement.vue
index 8f0329ea0..90a07b710 100644
--- a/src/modules/05_placement/components/OrderPlacement/detailOrderReplace.vue
+++ b/src/modules/05_placement/components/OrderPlacement/detailOrderPlacement.vue
@@ -64,16 +64,20 @@ import { ref, defineAsyncComponent } from "vue";
 import type { QStepper } from "quasar";
 
 const step01 = defineAsyncComponent(
-  () => import("@/modules/05_placement/components/OrderReplace/step/step01.vue")
+  () =>
+    import("@/modules/05_placement/components/OrderPlacement/step/step01.vue")
 );
 const step02 = defineAsyncComponent(
-  () => import("@/modules/05_placement/components/OrderReplace/step/step02.vue")
+  () =>
+    import("@/modules/05_placement/components/OrderPlacement/step/step02.vue")
 );
 const step03 = defineAsyncComponent(
-  () => import("@/modules/05_placement/components/OrderReplace/step/step03.vue")
+  () =>
+    import("@/modules/05_placement/components/OrderPlacement/step/step03.vue")
 );
 const step04 = defineAsyncComponent(
-  () => import("@/modules/05_placement/components/OrderReplace/step/step04.vue")
+  () =>
+    import("@/modules/05_placement/components/OrderPlacement/step/step04.vue")
 );
 
 const router = useRouter();
diff --git a/src/modules/05_placement/router.ts b/src/modules/05_placement/router.ts
index 90129ccbd..77f1cd48e 100644
--- a/src/modules/05_placement/router.ts
+++ b/src/modules/05_placement/router.ts
@@ -20,7 +20,7 @@ const MainOrderPlacement = () =>
   );
 const detailOrderReplace = () =>
   import(
-    "@/modules/05_placement/components/OrderReplace/detailOrderReplace.vue"
+    "@/modules/05_placement/components/OrderPlacement/detailOrderPlacement.vue"
   );
 
 export default [