diff --git a/src/views/Community/components/HeroPanel.js b/src/views/Community/components/HeroPanel.js
index 041c3844..ca8a5117 100644
--- a/src/views/Community/components/HeroPanel.js
+++ b/src/views/Community/components/HeroPanel.js
@@ -569,8 +569,9 @@ const FlowingConcepts = () => {
         }}
       >
         <Flex
-          animation={isPaused ? 'none' : `${animationName} ${duration}s linear infinite`}
+          animation={`${animationName} ${duration}s linear infinite`}
           sx={{
+            animationPlayState: isPaused ? 'paused' : 'running',
             [`@keyframes ${animationName}`]: direction === 'left' ? {
               '0%': { transform: 'translateX(0)' },
               '100%': { transform: 'translateX(-50%)' },