diff --git a/src/main.js b/src/main.js
index e5f95f2..d42dbc1 100644
--- a/src/main.js
+++ b/src/main.js
@@ -343,9 +343,7 @@ class MiniGraphCard extends LitElement {
               </div>
             </div>
             ${this.renderLegend()}
-        ` : html`
-          <ha-circular-progress indeterminate></ha-circular-progress>
-        `}
+        ` : html`<ha-spinner aria-label="Loading" size="small"></ha-spinner>`}
       </div>` : '';
   }
 
diff --git a/src/style.js b/src/style.js
index 7921f04..a5468cc 100644
--- a/src/style.js
+++ b/src/style.js
@@ -62,8 +62,8 @@ const style = css`
   ha-card[hover] {
     cursor: pointer;
   }
-  ha-circular-progress {
-    margin: auto;
+  ha-spinner {
+    margin: 4px auto;
   }
   .flex {
     display: flex;