diff --git a/src/components/GanttChart/GanttChart.vue b/src/components/GanttChart/GanttChart.vue
index 15b616fc751d69167c65c2a8edfe9a6518f47516..8fc0e8d66239250c5e384be4ff4045cbcff6604a 100644
--- a/src/components/GanttChart/GanttChart.vue
+++ b/src/components/GanttChart/GanttChart.vue
@@ -108,6 +108,9 @@ import AddQueueDialog from './AddQueueDialog.vue'
 import MakequeueBtn from './MakequeueBtn.vue'
 import SettingBtn from './SettingBtn.vue'
 import './ganttChart.css'
+import dayjs from 'dayjs'
+import utc from 'dayjs/plugin/utc'
+import timezone from 'dayjs/plugin/timezone'
 
 // Stores
 const queueStore = useQueueStore()
@@ -217,9 +220,11 @@ function clearOriginalMaps() {
   Object.keys(originalColorMap).forEach((k) => delete originalColorMap[+k])
 }
 
+dayjs.extend(utc)
+dayjs.extend(timezone)
+
 function convertToLocalTime(utcString: string): string {
-  const date = new Date(utcString)
-  return date.toLocaleString("th-TH", { timeZone: "Asia/Bangkok" })
+  return dayjs.utc(utcString).tz("Asia/Bangkok").format("YYYY-MM-DD HH:mm")
 }
 
 // Pagination & Dialog