diff --git a/web/app/components/base/file-uploader/file-list-flex/file-list-flex-operation.tsx b/web/app/components/base/file-uploader/file-list-flex/file-list-flex-operation.tsx
index 7040857efc..37ed31dec2 100644
--- a/web/app/components/base/file-uploader/file-list-flex/file-list-flex-operation.tsx
+++ b/web/app/components/base/file-uploader/file-list-flex/file-list-flex-operation.tsx
@@ -2,7 +2,9 @@ import {
   forwardRef,
   memo,
 } from 'react'
+import { RiCloseLine } from '@remixicon/react'
 import FileListItem from './file-list-item'
+import Button from '@/app/components/base/button'
 
 const FileListFlexOperation = forwardRef<HTMLDivElement>((_, ref) => {
   return (
@@ -10,10 +12,24 @@ const FileListFlexOperation = forwardRef<HTMLDivElement>((_, ref) => {
       ref={ref}
       className='flex flex-wrap gap-2'
     >
-      <FileListItem />
-      <FileListItem />
-      <FileListItem isFile />
-      <FileListItem isFile />
+      <div className='relative'>
+        <Button className='absolute -right-1.5 -top-1.5 p-0 w-5 h-5 rounded-full'>
+          <RiCloseLine className='w-4 h-4 text-components-button-secondary-text' />
+        </Button>
+        <FileListItem />
+      </div>
+      <div className='relative'>
+        <Button className='absolute -right-1.5 -top-1.5 p-0 w-5 h-5 rounded-full'>
+          <RiCloseLine className='w-4 h-4 text-components-button-secondary-text' />
+        </Button>
+        <FileListItem />
+      </div>
+      <div className='relative'>
+        <Button className='absolute -right-1.5 -top-1.5 p-0 w-5 h-5 rounded-full'>
+          <RiCloseLine className='w-4 h-4 text-components-button-secondary-text' />
+        </Button>
+        <FileListItem isFile />
+      </div>
     </div>
   )
 })
diff --git a/web/app/components/base/file-uploader/file-list-flex/file-list-item.tsx b/web/app/components/base/file-uploader/file-list-flex/file-list-item.tsx
index 273024ebd9..8aac7f665a 100644
--- a/web/app/components/base/file-uploader/file-list-flex/file-list-item.tsx
+++ b/web/app/components/base/file-uploader/file-list-flex/file-list-item.tsx
@@ -22,7 +22,7 @@ const FileListItem = ({
 
   return (
     <div className={cn(
-      'w-[68px] h-[68px] border-[2px] border-components-panel-border shadow-xs',
+      'w-[68px] h-[68px] border-[2px] border-effects-image-frame shadow-xs',
       className,
     )}></div>
   )
diff --git a/web/app/components/base/file-uploader/file-uploader-in-attachment/index.tsx b/web/app/components/base/file-uploader/file-uploader-in-attachment/index.tsx
index f2274fa822..2174cc9df0 100644
--- a/web/app/components/base/file-uploader/file-uploader-in-attachment/index.tsx
+++ b/web/app/components/base/file-uploader/file-uploader-in-attachment/index.tsx
@@ -52,6 +52,7 @@ const FileUploaderInAttachment = () => {
     if (option.value === 'link') {
       return (
         <FileFromLinkOrLocal
+          key={option.value}
           showFromLocal={false}
           trigger={renderTrigger(option)}
         />
diff --git a/web/app/components/base/progress-bar/progress-circle.tsx b/web/app/components/base/progress-bar/progress-circle.tsx
index d1812dba37..b66dcae720 100644
--- a/web/app/components/base/progress-bar/progress-circle.tsx
+++ b/web/app/components/base/progress-bar/progress-circle.tsx
@@ -14,9 +14,9 @@ const ProgressCircle: React.FC<ProgressCircleProps> = ({
   percentage = 0,
   size = 12,
   circleStrokeWidth = 1,
-  circleStrokeColor = 'components-progress-brand-border',
-  circleFillColor = 'components-progress-brand-bg',
-  sectorFillColor = 'components-progress-brand-progress',
+  circleStrokeColor = 'stroke-components-progress-brand-border',
+  circleFillColor = 'fill-components-progress-brand-bg',
+  sectorFillColor = 'fill-components-progress-brand-progress',
 }) => {
   const radius = size / 2
   const center = size / 2
@@ -41,8 +41,8 @@ const ProgressCircle: React.FC<ProgressCircleProps> = ({
     >
       <circle
         className={cn(
-          `fill-${circleFillColor}`,
-          `stroke-${circleStrokeColor}`,
+          circleFillColor,
+          circleStrokeColor,
         )}
         cx={center + circleStrokeWidth / 2}
         cy={center + circleStrokeWidth / 2}
@@ -50,7 +50,7 @@ const ProgressCircle: React.FC<ProgressCircleProps> = ({
         strokeWidth={circleStrokeWidth}
       />
       <path
-        className={cn(`fill-${sectorFillColor}`)}
+        className={cn(sectorFillColor)}
         d={pathData}
         transform={`translate(${circleStrokeWidth / 2}, ${circleStrokeWidth / 2})`}
       />