diff --git a/main.ts b/main.ts
index e4d8329..4288fc4 100644
--- a/main.ts
+++ b/main.ts
@@ -1618,7 +1618,8 @@ class LoomView extends ItemView {
       // indicate if the node is generating children
       if (state.generating === id) {
         const generatingDiv = nodeDiv.createDiv({ cls: "loom-node-footer" });
-        setIcon(generatingDiv, "refresh-cw");
+        const generatingIcon = generatingDiv.createDiv({ cls: "rotating" });
+        setIcon(generatingIcon, "loader-2");
         generatingDiv.createEl("span", {
           cls: "loom-node-footer-text",
           text: "Generating...",
diff --git a/styles.css b/styles.css
index 0376e20..db994e1 100644
--- a/styles.css
+++ b/styles.css
@@ -201,3 +201,21 @@
 .loom-section-count {
   color: var(--text-faint);
 }
+
+@keyframes rotating {
+    from{
+        transform: rotate(0deg);
+    }
+    to{
+        transform: rotate(360deg);
+    }
+}
+
+.rotating svg {
+    animation: rotating 2s linear infinite;
+}
+
+.rotating {
+    display: inline-flex;
+    align-items: center;
+}