diff --git a/web/src/pages/login-next/bg.tsx b/web/src/pages/login-next/bg.tsx
index 776db19c0..2ac801e4a 100644
--- a/web/src/pages/login-next/bg.tsx
+++ b/web/src/pages/login-next/bg.tsx
@@ -124,14 +124,6 @@ export const BgSvg = ({ isPaused = false }: { isPaused?: boolean }) => {
   };
   return (
     <div className="absolute inset-0 overflow-hidden pointer-events-none ">
-      <style>
-        {`
-          .paused .animate-glow,
-          .paused .animate-highlight {
-            animation-play-state: paused;
-          }
-        `}
-      </style>
       <div className="absolute top-0 left-0 right-0 w-full">
         <div
           className={`w-full ml-10 ${animationClass}`}
diff --git a/web/src/pages/login-next/index.less b/web/src/pages/login-next/index.less
index f226b9280..e25358d29 100644
--- a/web/src/pages/login-next/index.less
+++ b/web/src/pages/login-next/index.less
@@ -38,6 +38,13 @@
   animation: highlight-flow 16s linear infinite;
 }
 
+.paused {
+  .animate-glow,
+  .animate-highlight {
+    animation-play-state: paused;
+  }
+}
+
 //////////////////////////////////////////////////////////////////////////
 .perspective-1000 {
   perspective: 1000px;