diff --git a/circular-progress.js b/circular-progress.js
index 411d0aa..918a4f8 100644
--- a/circular-progress.js
+++ b/circular-progress.js
@@ -8,6 +8,16 @@ class CircularProgress extends IgniteElement {
 
     get styles() {
         return /*css*/`
+        mt-circular-progress {
+            display: flex;
+            flex-direction: column;
+        }
+        
+        mt-circular-progress > div {
+            position: relative;
+            flex: 1;
+        }
+
         mt-circular-progress > div > svg {
             position: absolute;
             z-index: 1;
@@ -57,7 +67,7 @@ class CircularProgress extends IgniteElement {
 
     render() {
         return this.template.child(
-            new div().style("position", "relative").child(
+            new div().child(
                 new svg()
                     .attribute("viewBox", "22 22 44 44")
                     .style("width", this.size)