diff --git a/libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.html b/libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.html
index 8e86acd33..335c4fc2c 100644
--- a/libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.html
+++ b/libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.html
@@ -1,9 +1,9 @@
 <ngx-skeleton-loader
   *ngIf="isLoading"
   animation="pulse"
+  class="h-100"
   [theme]="{
-    height: '15rem',
-    width: '100%'
+    height: '100%'
   }"
 ></ngx-skeleton-loader>
 <canvas
diff --git a/libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.scss b/libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.scss
index 5d4e87f30..658f1a30a 100644
--- a/libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.scss
+++ b/libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.scss
@@ -1,3 +1,4 @@
 :host {
+  aspect-ratio: 1;
   display: block;
 }