diff --git a/web/app/components/workflow/skill/skill-body/tabs/file-tab-item.spec.tsx b/web/app/components/workflow/skill/skill-body/tabs/file-tab-item.spec.tsx
index 078a99f5b1..4603103343 100644
--- a/web/app/components/workflow/skill/skill-body/tabs/file-tab-item.spec.tsx
+++ b/web/app/components/workflow/skill/skill-body/tabs/file-tab-item.spec.tsx
@@ -46,7 +46,7 @@ describe('FileTabItem', () => {
 
       render(<FileTabItem {...props} />)
 
-      expect(screen.getByText('readme.md')).toHaveClass('italic')
+      expect(screen.getByText('readme.md')).toHaveClass('italic', 'pr-[0.5px]')
     })
   })
 
diff --git a/web/app/components/workflow/skill/skill-body/tabs/file-tab-item.tsx b/web/app/components/workflow/skill/skill-body/tabs/file-tab-item.tsx
index 4d61747f0e..0abadfabf2 100644
--- a/web/app/components/workflow/skill/skill-body/tabs/file-tab-item.tsx
+++ b/web/app/components/workflow/skill/skill-body/tabs/file-tab-item.tsx
@@ -74,7 +74,7 @@ const FileTabItem = ({
         <span
           className={cn(
             'max-w-40 truncate text-[13px] font-normal leading-4',
-            isPreview && 'italic',
+            isPreview && 'pr-[0.5px] italic',
             isActive
               ? 'text-text-primary'
               : 'text-text-tertiary',
diff --git a/web/app/components/workflow/skill/skill-body/tabs/file-tabs.spec.tsx b/web/app/components/workflow/skill/skill-body/tabs/file-tabs.spec.tsx
index f6e1bd2c87..bf0ce19fb8 100644
--- a/web/app/components/workflow/skill/skill-body/tabs/file-tabs.spec.tsx
+++ b/web/app/components/workflow/skill/skill-body/tabs/file-tabs.spec.tsx
@@ -210,7 +210,9 @@ describe('FileTabs', () => {
       render(<FileTabs />)
 
       fireEvent.click(screen.getByRole('button', { name: /common\.operation\.close/i }))
-      fireEvent.click(screen.getByRole('button', { name: /workflow\.skillSidebar\.unsavedChanges\.confirmClose/i }))
+      const confirmButton = screen.getByRole('button', { name: /workflow\.skillSidebar\.unsavedChanges\.confirmClose/i })
+      expect(confirmButton.className).toContain('btn-destructive')
+      fireEvent.click(confirmButton)
 
       expect(mocks.closeTab).toHaveBeenCalledTimes(1)
       expect(mocks.closeTab).toHaveBeenCalledWith('file-1')
diff --git a/web/app/components/workflow/skill/skill-body/tabs/file-tabs.tsx b/web/app/components/workflow/skill/skill-body/tabs/file-tabs.tsx
index 956fabf612..a39de627b3 100644
--- a/web/app/components/workflow/skill/skill-body/tabs/file-tabs.tsx
+++ b/web/app/components/workflow/skill/skill-body/tabs/file-tabs.tsx
@@ -134,7 +134,7 @@ const FileTabs = () => {
             <AlertDialogCancelButton>
               {t('operation.cancel', { ns: 'common' })}
             </AlertDialogCancelButton>
-            <AlertDialogConfirmButton destructive={false} onClick={handleConfirmClose}>
+            <AlertDialogConfirmButton onClick={handleConfirmClose}>
               {t('skillSidebar.unsavedChanges.confirmClose')}
             </AlertDialogConfirmButton>
           </AlertDialogActions>