diff --git a/packages/connect-button/src/assets/icon-loading.svg b/packages/connect-button/src/assets/icon-loading.svg
index 73f37bdb..9f4e88b5 100644
--- a/packages/connect-button/src/assets/icon-loading.svg
+++ b/packages/connect-button/src/assets/icon-loading.svg
@@ -1,2 +1,5 @@
 
-<svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_ajPY{transform-origin:center;animation:spinner_AtaB .75s infinite linear}@keyframes spinner_AtaB{100%{transform:rotate(360deg)}}</style><path d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z" opacity=".25"/><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_ajPY"/></svg>
\ No newline at end of file
+<svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z" opacity=".25"/>
+<path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"/>
+</svg>
\ No newline at end of file
diff --git a/packages/connect-button/src/components/card/card.ts b/packages/connect-button/src/components/card/card.ts
index 53a2d86f..83224f55 100644
--- a/packages/connect-button/src/components/card/card.ts
+++ b/packages/connect-button/src/components/card/card.ts
@@ -119,6 +119,14 @@ export class RadixCard extends LitElement {
         mask-image: url(${unsafeCSS(IconLoading)});
         width: 24px;
         height: 24px;
+        transform-origin: center;
+        animation: spinner 0.75s infinite linear;
+      }
+      
+      @keyframes spinner {
+        100% {
+          transform: rotate(360deg);
+        }
       }
 
       :host([icon='ignored']) i::before {