diff --git a/app/components/content/control-letter/list.vue b/app/components/content/control-letter/list.vue
index 9be22012..5a879eb4 100644
--- a/app/components/content/control-letter/list.vue
+++ b/app/components/content/control-letter/list.vue
@@ -143,7 +143,7 @@ watch([recId, recAction, timestamp], () => {
       break
 
     case ActionEvents.showEdit:
-      if(pagePermission.canUpdate){
+      if(pagePermission.canUpdate){ 
         navigateTo({
           name: 'rehab-encounter-id-control-letter-control_letter_id-edit',
           params: { id: encounterId, "control_letter_id": recId.value },
@@ -186,7 +186,7 @@ watch([recId, recAction, timestamp], () => {
         @click="isHistoryDialogOpen = true">
         <Icon name="i-lucide-history" class="h-4 w-4" /> Riwayat Program Nasional</Button>
     </div>
-
+    
     <AppControlLetterList :data="data" :pagination-meta="paginationMeta" @page-change="handlePageChange" />
 
     <Dialog v-model:open="isDocPreviewDialogOpen" title="Preview Dokumen" size="2xl">
@@ -212,7 +212,7 @@ watch([recId, recAction, timestamp], () => {
         </div>
       </template>
     </RecordConfirmation>
-
+    
       <HistoryDialog
         v-model:is-modal-open="isHistoryDialogOpen"
         :data="historyData.data.value"
diff --git a/app/lib/utils.ts b/app/lib/utils.ts
index 180320ae..d6fa4c95 100644
--- a/app/lib/utils.ts
+++ b/app/lib/utils.ts
@@ -3,6 +3,7 @@ import { clsx } from 'clsx'
 import { format } from 'date-fns'
 import { twMerge } from 'tailwind-merge'
 import { toast } from '~/components/pub/ui/toast'
+import { toast } from '~/components/pub/ui/toast'
 
 export interface SelectOptionType<_T = string> {
   value: string