diff --git a/.changeset/large-wasps-decide.md b/.changeset/large-wasps-decide.md
new file mode 100644
index 000000000..99d175134
--- /dev/null
+++ b/.changeset/large-wasps-decide.md
@@ -0,0 +1,6 @@
+---
+"@heroui/spinner": patch
+"@heroui/theme": patch
+---
+
+Fix spinner animation (#5794)
diff --git a/packages/components/spinner/package.json b/packages/components/spinner/package.json
index e1ca0665d..289662ac4 100644
--- a/packages/components/spinner/package.json
+++ b/packages/components/spinner/package.json
@@ -38,7 +38,7 @@
   "peerDependencies": {
     "react": ">=18 || >=19.0.0-rc.0",
     "react-dom": ">=18 || >=19.0.0-rc.0",
-    "@heroui/theme": ">=2.4.17"
+    "@heroui/theme": ">=2.4.23"
   },
   "dependencies": {
     "@heroui/system-rsc": "workspace:*",
diff --git a/packages/core/theme/src/components/spinner.ts b/packages/core/theme/src/components/spinner.ts
index eb319bb9d..74778baa4 100644
--- a/packages/core/theme/src/components/spinner.ts
+++ b/packages/core/theme/src/components/spinner.ts
@@ -24,7 +24,6 @@ const spinner = tv({
     dots: "relative rounded-full mx-auto",
     spinnerBars: [
       "absolute",
-      "animate-fade-out",
       "rounded-full",
       "w-[25%]",
       "h-[8%]",
diff --git a/packages/core/theme/src/utilities/animation.ts b/packages/core/theme/src/utilities/animation.ts
index 2437f4329..9ff52ea3f 100644
--- a/packages/core/theme/src/utilities/animation.ts
+++ b/packages/core/theme/src/utilities/animation.ts
@@ -1,8 +1,9 @@
 export default {
   /** Animation Utilities */
   ".spinner-bar-animation": {
+    animation: "fade-out 1.2s linear infinite",
     "animation-delay": "calc(-1.2s + (0.1s * var(--bar-index)))",
-    transform: "rotate(calc(30deg * var(--bar-index)))translate(140%)",
+    transform: "rotate(calc(30deg * var(--bar-index))) translate(140%)",
   },
   ".spinner-dot-animation": {
     "animation-delay": "calc(250ms * var(--dot-index))",