diff --git a/site/src/pages/AgentsPage/components/ChatsSidebar/tree/statusConfig.ts b/site/src/pages/AgentsPage/components/ChatsSidebar/tree/statusConfig.ts
index 30130480c1f..f62a4f4140b 100644
--- a/site/src/pages/AgentsPage/components/ChatsSidebar/tree/statusConfig.ts
+++ b/site/src/pages/AgentsPage/components/ChatsSidebar/tree/statusConfig.ts
@@ -18,7 +18,10 @@ type ChatIconConfig = {
 
 const statusConfig = {
 	waiting: { icon: CheckIcon, className: "text-content-secondary" },
-	running: { icon: Loader2Icon, className: "text-content-link animate-spin" },
+	running: {
+		icon: Loader2Icon,
+		className: "text-content-link animate-spin motion-reduce:animate-none",
+	},
 	interrupting: { icon: PauseIcon, className: "text-content-warning" },
 	requires_action: { icon: PauseIcon, className: "text-content-warning" },
 	error: { icon: AlertTriangleIcon, className: "text-content-destructive" },
diff --git a/site/tailwind.config.js b/site/tailwind.config.js
index 839299b1d3e..34fa721597a 100644
--- a/site/tailwind.config.js
+++ b/site/tailwind.config.js
@@ -158,6 +158,7 @@ module.exports = {
 			animation: {
 				loading: "loading 2s ease-in-out infinite alternate",
 				"caret-scan": "caret-scan 3s ease-in-out infinite",
+				spin: "spin 1s steps(12, end) infinite",
 				"spin-once": "spin 1s cubic-bezier(0.4, 0, 0.2, 1)",
 				"zip-right": "zip-right 1s cubic-bezier(0.4, 0, 0.2, 1)",
 				"bar-indeterminate":