diff --git a/web/components/knowledge/segmentation.tsx b/web/components/knowledge/segmentation.tsx
index fcf7606a4..38bb8fb19 100644
--- a/web/components/knowledge/segmentation.tsx
+++ b/web/components/knowledge/segmentation.tsx
@@ -142,7 +142,7 @@ export default function Segmentation(props: IProps) {
       case 'FINISHED':
         return <Icon component={DoneIcon} />;
       case 'RUNNING':
-        return <Icon className="rotate-animation" component={SyncIcon} />;
+        return <Icon className="animate-spin animate-infinite" component={SyncIcon} />;
       case 'FAILED':
         return <Icon component={FileError} />;
       default:
diff --git a/web/styles/globals.css b/web/styles/globals.css
index 929f88287..d5ca26b8a 100644
--- a/web/styles/globals.css
+++ b/web/styles/globals.css
@@ -69,6 +69,3 @@ table tr td {
     transform: rotate(360deg);
   }
 }
-.rotate-animation {
-  animation: rotate 2s linear infinite;
-}