diff --git a/web/screens/Settings/Advanced/index.tsx b/web/screens/Settings/Advanced/index.tsx
index 6d4bd9aa32..a78e395ba8 100644
--- a/web/screens/Settings/Advanced/index.tsx
+++ b/web/screens/Settings/Advanced/index.tsx
@@ -535,9 +535,7 @@ const Advanced = () => {
         <div className="flex w-full flex-col items-start justify-between gap-4 border-b border-[hsla(var(--app-border))] py-4 first:pt-0 last:border-none sm:flex-row">
           <div className="space-y-1">
             <div className="flex gap-x-2">
-              <h6 className="font-semibold capitalize">
-                Delete All Threads
-              </h6>
+              <h6 className="font-semibold capitalize">Delete All Threads</h6>
             </div>
             <p className="whitespace-pre-wrap font-medium leading-relaxed text-[hsla(var(--text-secondary))]">
               Delete all threads and associated chat history.
@@ -557,7 +555,6 @@ const Advanced = () => {
           </Button>
         </div>
         <ModalDeleteAllThreads />
-
       </div>
     </ScrollArea>
   )
diff --git a/web/screens/Thread/ThreadLeftPanel/ModalDeleteAllThreads/index.tsx b/web/screens/Thread/ThreadLeftPanel/ModalDeleteAllThreads/index.tsx
index fe42a8fa77..39d7d7a1a5 100644
--- a/web/screens/Thread/ThreadLeftPanel/ModalDeleteAllThreads/index.tsx
+++ b/web/screens/Thread/ThreadLeftPanel/ModalDeleteAllThreads/index.tsx
@@ -2,12 +2,18 @@ import { useCallback, memo } from 'react'
 import { Modal, ModalClose, Button } from '@janhq/joi'
 import { useAtom, useAtomValue } from 'jotai'
 import useDeleteThread from '@/hooks/useDeleteThread'
-import { modalActionThreadAtom, ThreadModalAction, threadsAtom } from '@/helpers/atoms/Thread.atom'
 import { janDataFolderPathAtom } from '@/helpers/atoms/AppConfig.atom'
+import {
+  modalActionThreadAtom,
+  ThreadModalAction,
+  threadsAtom,
+} from '@/helpers/atoms/Thread.atom'
 
 const ModalDeleteAllThreads = () => {
   const { deleteAllThreads } = useDeleteThread()
-  const [modalActionThread, setModalActionThread] = useAtom(modalActionThreadAtom)
+  const [modalActionThread, setModalActionThread] = useAtom(
+    modalActionThreadAtom
+  )
   const [threads] = useAtom(threadsAtom)
   const janDataFolderPath = useAtomValue(janDataFolderPathAtom)
 
@@ -16,7 +22,7 @@ const ModalDeleteAllThreads = () => {
       e.stopPropagation()
       deleteAllThreads(threads)
     },
-    [deleteAllThreads, threads, setModalActionThread]
+    [deleteAllThreads, threads]
   )
 
   const onCloseModal = useCallback(() => {
@@ -34,8 +40,10 @@ const ModalDeleteAllThreads = () => {
       content={
         <div>
           <p className="text-[hsla(var(--text-secondary))]">
-            Are you sure you want to delete all chat history? This will remove all {threads.length} conversation 
-            threads in <span className="font-mono">{janDataFolderPath}\threads</span> and cannot be undone.
+            Are you sure you want to delete all chat history? This will remove{' '}
+            all {threads.length} conversation threads in{' '}
+            <span className="font-mono">{janDataFolderPath}\threads</span> and
+            cannot be undone.
           </p>
           <div className="mt-4 flex justify-end gap-x-2">
             <ModalClose asChild onClick={(e) => e.stopPropagation()}>