diff --git a/src/ui_ng/lib/src/_mixin.scss b/src/ui_ng/lib/src/_mixin.scss
index 9d09c26c2..7ac135927 100644
--- a/src/ui_ng/lib/src/_mixin.scss
+++ b/src/ui_ng/lib/src/_mixin.scss
@@ -17,4 +17,15 @@
     z-index: 100;
     right: 35px;
     margin-top: 4px;
+}
+
+@mixin absolute-center($width:108px) {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    margin: auto;
+    width: $width !important;
+    height: $width !important;
 }
\ No newline at end of file
diff --git a/src/ui_ng/lib/src/helm-chart/chart-detail/chart-detail.component.scss b/src/ui_ng/lib/src/helm-chart/chart-detail/chart-detail.component.scss
index 750199a49..f7931d2c3 100644
--- a/src/ui_ng/lib/src/helm-chart/chart-detail/chart-detail.component.scss
+++ b/src/ui_ng/lib/src/helm-chart/chart-detail/chart-detail.component.scss
@@ -1,3 +1,5 @@
+@import "../../mixin";
+
 .title-container {
     display: flex;
     .chart-name {
@@ -10,12 +12,5 @@
 }
 
 .detail-loading {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    margin: auto;
-    width: 108px !important;
-    height: 108px !important;
+    @include absolute-center;
 }
\ No newline at end of file