diff --git a/src/app/content/hemat-app/cost-management/cost-management.component.html b/src/app/content/hemat-app/cost-management/cost-management.component.html
index 5a7fb6b..d51f1f0 100644
--- a/src/app/content/hemat-app/cost-management/cost-management.component.html
+++ b/src/app/content/hemat-app/cost-management/cost-management.component.html
@@ -222,6 +222,7 @@
                   <div class="row mb-2">
                     <div class="col-4">
                       <div class="form-group">
+                        <div class="input-group">
                         <input
                           type="text"
                           class="form-control"
@@ -229,6 +230,10 @@
                           [(ngModel)]="kwhTerm"
                           disabled
                         />
+                        <div class="input-group-append" style="background-color: #252525 !important;">
+                          <span class="input-group-text" style="background-color: #252525 !important; color: #ffffff;">Kwh</span>
+                        </div>
+                      </div>
                       </div>
                     </div>
                     <div class="col-4">
diff --git a/src/app/content/hemat-app/monitoring/building/building.component.css b/src/app/content/hemat-app/monitoring/building/building.component.css
index 8017592..eb15edf 100644
--- a/src/app/content/hemat-app/monitoring/building/building.component.css
+++ b/src/app/content/hemat-app/monitoring/building/building.component.css
@@ -1,15 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,600;1,600&display=swap');
-
-.open-sans{
-  font-family: "Open Sans", sans-serif !important;
-  color: #ffffff !important;
-  font-optical-sizing: auto;
-  font-weight: 600;
-  font-style: normal;
-  font-variation-settings:
-    "wdth" 100;
-}
-
 :host ::ng-deep .gap_fl_btn {
     margin: 0 0.3rem;
 }
diff --git a/src/app/content/hemat-app/monitoring/building/building.component.html b/src/app/content/hemat-app/monitoring/building/building.component.html
index 683f131..405ac29 100644
--- a/src/app/content/hemat-app/monitoring/building/building.component.html
+++ b/src/app/content/hemat-app/monitoring/building/building.component.html
@@ -33,7 +33,7 @@
                     </h4>
                     <h3
                       class="text-muted mb-0 open-sans"
-                     
+                      style="font-family: Open Sans, sans-serif; color: #ffffff !important; font-weight: 600;"
                     >
                       {{ data.build_name ? data.build_name : data.name }}
                     </h3>
@@ -57,36 +57,36 @@
                   class="text-center"
                   style="
                     position: absolute;
-                    top: 70%;
+                    top: 65%;
                     left: 50%;
                     transform: translate(-50%, -50%);
                   "
                 >
                   <h3
-                    class="display-4 open-sans"
-                    style="font-size: 40px;"
+                    class="display-4 blue-grey darken-1"
+                    style="font-size: 2em; color: #ffffff !important;"
                   >
                     {{ data.total }} kWh
                   </h3>
-                  <h6 style="color: #ffffff !important; font-size: 20px;">Consumption</h6>
+                  <h6 style="color: #ffffff !important;">Consumption</h6>
                 </div>
 
                 <div class="form-group text-center">
                   <button
                     type="button"
-                    class="btn btn-primary round btn-min-width mr-5 mb-1"
+                    class="btn btn-primary round btn-min-width mr-1 mb-1"
                     (click)="viewRoom(data)"
                     ngbTooltip="Room"
-                    style="background-color: #ffffff !important; color: #000000; width: 163px;"
+                    style="background-color: #ffffff !important; color: #000000;"
                   >
                     Room
                   </button>
                   <button
                     type="button"
-                    class="btn btn-success round btn-min-width mb-1"
+                    class="btn btn-success round btn-min-width mr-1 mb-1"
                     (click)="viewRow(data)"
                     ngbTooltip="Detail"
-                    style="background-color: #BEF264 !important; color: #000000; width: 163px;"
+                    style="background-color: #BEF264 !important; color: #000000;"
                   >
                     Detail
                   </button>