diff --git a/src/components/ha-circular-progress.ts b/src/components/ha-circular-progress.ts
index 0e9e2db188..d493c04c5d 100644
--- a/src/components/ha-circular-progress.ts
+++ b/src/components/ha-circular-progress.ts
@@ -1,4 +1,5 @@
 import { CircularProgress } from "@material/mwc-circular-progress";
+import { CSSResultGroup, css } from "lit";
 import { customElement, property } from "lit/decorators";
 
 @customElement("ha-circular-progress")
@@ -41,6 +42,17 @@ export class HaCircularProgress extends CircularProgress {
   public get indeterminate() {
     return this.active;
   }
+
+  static get styles(): CSSResultGroup {
+    return [
+      super.styles,
+      css`
+        :host {
+          overflow: hidden;
+        }
+      `,
+    ];
+  }
 }
 
 declare global {