diff --git a/src/modules/00_support/components/FormChat.vue b/src/modules/00_support/components/FormChat.vue
index e14ad797a..f5ebd2b01 100644
--- a/src/modules/00_support/components/FormChat.vue
+++ b/src/modules/00_support/components/FormChat.vue
@@ -16,7 +16,7 @@ const { scrollContainer } = storeToRefs(store);
 
 onMounted(async () => {
   await store.fetchIssue();
-  totalPageIssue.value = Math.ceil((store.currentTotalIssue || 0) / 6);
+  totalPageIssue.value = Math.ceil((store.currentTotalIssue || 0) / 30);
 });
 
 const onLoad = (async (_: any, done: any) => {
@@ -89,54 +89,11 @@ const onLoad = (async (_: any, done: any) => {
           <dialog-status />
         </div>
 
-        <!-- <q-btn-dropdown
-          v-if="store.currentIssue"
-          :label="
-            store.correntStatusIssue == 'new'
-              ? 'ปัญหาใหม่'
-              : store.correntStatusIssue == 'ongoing'
-              ? 'กำลังดำเนินการ'
-              : 'เสร็จสิ้น'
-          "
-          dense
-          flat
-          color="positive"
-          @click.stop
-        >
-          
-          <q-list v-for="itemStatusIssue in statusIssue">
-            <q-item
-              clickable
-              v-close-popup
-              @click="
-                () => {
-                  store.ChangeStatusIssue(
-                    store.currentIssue,
-                    store.currentTitle,
-                    store.currentCategoryId,
-                    itemStatusIssue
-                  );
-                }
-              "
-            >
-              <q-item-section>
-                <q-item-label>{{
-                  itemStatusIssue == "new"
-                    ? "ปัญหาใหม่"
-                    : itemStatusIssue == "ongoing"
-                    ? "กำลังดำเนินการ"
-                    : "เสร็จสิ้น"
-                }}</q-item-label>
-              </q-item-section>
-            </q-item>
-          </q-list>
-        </q-btn-dropdown> -->
-
         <q-btn flat round dense icon="o_info" text-color="grey" />
       </q-toolbar>
     </div>
 
-    <div class="i3 bg-white">
+    <div class="i3 bg-white scroll">
       <div v-for="(item, index) in store.issue?.result" :key="index">
         <div
           @click="
@@ -362,15 +319,13 @@ const onLoad = (async (_: any, done: any) => {
     "menu chat"
     "manage input";
   grid-template-rows: 60px 400px 60px;
-  grid-template-columns: 400px 1fr;
+  grid-template-columns: 300px 1fr;
 }
 
 .container-input {
   display: grid;
   grid-template-areas: "input-chat btn";
-  /* grid-template-areas: "file input-chat btn"; */
   grid-template-rows: 1fr;
-  /* grid-template-columns: 60px 1fr 100px; */
   grid-template-columns: 1fr 100px;
 }
 
diff --git a/src/modules/00_support/store/Main.ts b/src/modules/00_support/store/Main.ts
index db6756f17..8ebbfb0ec 100644
--- a/src/modules/00_support/store/Main.ts
+++ b/src/modules/00_support/store/Main.ts
@@ -10,7 +10,6 @@ import type {
   SupportIssueResponse,
   SupportStatusUser,
   SupportMessageStatus,
-  SupportIssueCategory,
   SupportIssueCategoryResponse,
 } from "@/modules/00_support/interface/index/Main";
 import keycloak from "@/plugins/keycloak";
@@ -207,7 +206,7 @@ export const useSupportStore = defineStore("supportServiceStore", () => {
   async function fetchIssue(page: number = 1) {
     showLoader();
     const res = await http
-      .get(`${config.API.supportIssue}?page=${page}&pageSize=6`)
+      .get(`${config.API.supportIssue}?page=${page}&pageSize=30`)
       .catch((err) => {
         messageError($q, err);
       })