From cc4a6820257753c148f2f1379e86582b27e974f0 Mon Sep 17 00:00:00 2001
From: Antony <antony.bouyon@believe.com>
Date: Mon, 23 Mar 2026 10:29:21 +0100
Subject: [PATCH] fix(bui):  add ButtonIcon loading spin animation (#33425)

* fix:  add spin animation

Signed-off-by: Antony Bouyon <antony.bouyon@believe.com>

* chore: changeset

Signed-off-by: Antony Bouyon <antony.bouyon@believe.com>

* Update .changeset/swift-lizards-bathe.md

Signed-off-by: Johan Persson <johanopersson@gmail.com>

---------

Signed-off-by: Antony Bouyon <antony.bouyon@believe.com>
Signed-off-by: Johan Persson <johanopersson@gmail.com>
Co-authored-by: Johan Persson <johanopersson@gmail.com>
---
 .changeset/swift-lizards-bathe.md                      |  7 +++++++
 .../ui/src/components/ButtonIcon/ButtonIcon.module.css | 10 ++++++++++
 2 files changed, 17 insertions(+)
 create mode 100644 .changeset/swift-lizards-bathe.md

diff --git a/.changeset/swift-lizards-bathe.md b/.changeset/swift-lizards-bathe.md
new file mode 100644
index 0000000000..f70155a1ea
--- /dev/null
+++ b/.changeset/swift-lizards-bathe.md
@@ -0,0 +1,7 @@
+---
+'@backstage/ui': patch
+---
+
+Fixed the ButtonIcon's loading spinner animation
+
+**Affected components:** ButtonIcon
diff --git a/packages/ui/src/components/ButtonIcon/ButtonIcon.module.css b/packages/ui/src/components/ButtonIcon/ButtonIcon.module.css
index 657b143ed5..8a345647c5 100644
--- a/packages/ui/src/components/ButtonIcon/ButtonIcon.module.css
+++ b/packages/ui/src/components/ButtonIcon/ButtonIcon.module.css
@@ -219,4 +219,14 @@
       animation: none;
     }
   }
+
+  @keyframes bui-spin {
+    from {
+      transform: rotate(0deg);
+    }
+
+    to {
+      transform: rotate(360deg);
+    }
+  }
 }