diff --git a/src/app/content/hemat-app/device/add-edit-device/add-edit-device.component.html b/src/app/content/hemat-app/device/add-edit-device/add-edit-device.component.html
index 7522d95..1a42f63 100644
--- a/src/app/content/hemat-app/device/add-edit-device/add-edit-device.component.html
+++ b/src/app/content/hemat-app/device/add-edit-device/add-edit-device.component.html
@@ -1,4 +1,4 @@
-<div class="app-content content" style="background-color: #000000 !important">
+<div class="app-content content" style="background-color: #fbfbfb !important">
   <div class="content-wrapper">
     <div class="content-header row mb-1">
       <app-breadcrumb class="col-12" [breadcrumb]="breadcrumb"></app-breadcrumb>
@@ -7,13 +7,13 @@
       <section id="basic-form-layouts">
         <div class="row">
           <div class="col-12" *blockUI="'projectInfo'; message: 'Loading'">
-            <div class="card" style="background-color: #252525 !important">
+            <div class="card" style="background-color: #fbfbfb !important">
               <div class="card-content">
                 <div
                   class="card-header"
-                  style="background-color: #252525 !important"
+                  style="background-color: #fbfbfb !important"
                 >
-                  <h2 style="color: #ffffff">
+                  <h2 style="color: #242222">
                     {{
                       isEditMode()
                         ? "Edit Device"
@@ -29,14 +29,14 @@
                     (ngSubmit)="onProjectInfoSubmit()"
                   >
                     <div class="form-body">
-                      <h4 class="form-section" style="color: #ffffff">
-                        <i class="feather ft-user" style="color: #ffffff"></i>
+                      <h4 class="form-section" style="color: #242222">
+                        <i class="feather ft-user" style="color: #242222"></i>
                         General Information
                       </h4>
                       <div class="row">
                         <div class="col-md-6">
                           <div class="form-group">
-                            <label for="name" style="color: #ffffff"
+                            <label for="name" style="color: #242222"
                               >Device Name *</label
                             >
                             <input
@@ -63,7 +63,7 @@
                         </div>
                         <div class="col-md-6">
                           <div class="form-group">
-                            <label for="categoryId" style="color: #ffffff"
+                            <label for="categoryId" style="color: #242222"
                               >Category *</label
                             >
                             <div class="input-group">
@@ -96,7 +96,7 @@
                         </div>
                         <div class="col-md-6">
                           <div class="form-group">
-                            <label for="voltageId" style="color: #ffffff"
+                            <label for="voltageId" style="color: #242222"
                               >Voltage *</label
                             >
                             <div class="input-group">
@@ -129,7 +129,7 @@
                         </div>
                         <div class="col-md-6">
                           <div class="form-group">
-                            <label for="typeId" style="color: #ffffff"
+                            <label for="typeId" style="color: #242222"
                               >Type *</label
                             >
                             <select
@@ -160,7 +160,7 @@
                         </div>
                         <div class="col-md-6">
                           <div class="form-group">
-                            <label for="durationId" style="color: #ffffff"
+                            <label for="durationId" style="color: #242222"
                               >Duration Use *</label
                             >
                             <select
@@ -191,7 +191,7 @@
                         </div>
                         <div class="col-md-6">
                           <div class="form-group">
-                            <label for="roomBuildingId" style="color: #ffffff"
+                            <label for="roomBuildingId" style="color: #242222"
                               >Location Room *</label
                             >
                             <select
@@ -223,7 +223,7 @@
                         </div>
                         <div class="col-md-6">
                           <div class="form-group">
-                            <label for="watt" style="color: #ffffff"
+                            <label for="watt" style="color: #242222"
                               >Watt *</label
                             >
                             <input
@@ -255,9 +255,9 @@
                         type="button"
                         class="btn btn-warning mr-1"
                         style="
-                          color: #c3f164 !important;
-                          background-color: #000000 !important;
-                          border-color: #c3f164 !important;
+                          color: #242222 !important;
+                          background-color: #fbfbfb !important;
+                          border-color: #fbfbfb !important;
                         "
                         (click)="cancel()"
                       >
@@ -268,8 +268,8 @@
                         type="submit"
                         class="btn btn-primary"
                         style="
-                          color: #000000 !important;
-                          background-color: #c3f164 !important;
+                          color: #ffffff !important;
+                          background-color: #37A647 !important;
                         "
                         (click)="saveEdit()"
                         *ngIf="mode === 'edit'"
diff --git a/src/app/content/hemat-app/monitoring/detail/detail.component.html b/src/app/content/hemat-app/monitoring/detail/detail.component.html
index b719df4..5a600bd 100644
--- a/src/app/content/hemat-app/monitoring/detail/detail.component.html
+++ b/src/app/content/hemat-app/monitoring/detail/detail.component.html
@@ -112,8 +112,7 @@
                     <h5 class="custom-label">Summary Cost</h5>
                     <h3 class="custom-value">
                       {{
-                        summaryCost?.summary_cost
-                          | currency : "Rp " : "symbol" : "1.0-0"
+                        summaryCost?.summary_cost ? (summaryCost?.summary_cost | currency : "Rp " : "symbol" : "1.0-0") : 0
                       }}
                     </h3>
                   </div>