UI: Refactoring

ui-ngx/src/app/modules/home/components/widget/lib/home-page/usage-info-widget.component.scss

@@ -16,6 +16,8 @@
 @import "../../../../../../../scss/constants";
 
 :host {
+  --mdc-linear-progress-track-height: 8px;
+  --mdc-linear-progress-active-indicator-height: 8px;
   .tb-card-header {
     display: flex;
     flex-direction: row;
@@ -49,7 +51,6 @@
       display: none;
     }
     .mdc-linear-progress {
-      height: 8px;
       margin-top: 6px;
       margin-bottom: 6px;
       border-radius: 2px;
@@ -97,10 +98,6 @@
 :host ::ng-deep {
   .tb-usage-items-progress {
     .mat-mdc-progress-bar {
-      overflow: hidden;
-      .mdc-linear-progress__bar-inner {
-        border-top-width: 8px;
-      }
       &.critical {
         .mdc-linear-progress__buffer-bar {
           background: rgba(209, 39, 48, 0.06);