diff --git a/assets/asset-corporate-portal/css/sas.bundle.css b/assets/asset-corporate-portal/css/sas.bundle.css
index 5c2272c..ad1cc86 100644
--- a/assets/asset-corporate-portal/css/sas.bundle.css
+++ b/assets/asset-corporate-portal/css/sas.bundle.css
@@ -59,6 +59,8 @@ SEARCH GROUP CSS KEYWORD "###"
   --dangerbg: #f7c9c9;
   --toscabg: #c9f7f5;
   --fieldbg: #f5f8fa;
+  --labelkartukontrolSudahbg: #e8fff3;
+  --labelkartukontrolBelumbg: #fff8dd;
   /* END BACKGROUND */
   /* TEXT COLOR */
   --text-black: #0e1e28;
@@ -67,6 +69,8 @@ SEARCH GROUP CSS KEYWORD "###"
   --text-header-table: #b5b5c3;
   --header-table-bg: #f3f6f9;
   --active-state: #637381;
+  --textcolorlabelkartukontrolSudah: #50cd89;
+  --textcolorlabelkartukontrolBelum: #f1bc00;
   /* END TEXT COLOR */
   --light: #f3f6f9;
   --dark: #181c32;
@@ -5205,6 +5209,21 @@ a.text-hover-tosca:hover .svg-icon svg:hover g [fill],
   font-size: 1.1rem;
 }
 
+/* ### KARTU KONTROL CSS */
+.kartukontrol-sudah-label {
+  background-color: var(--labelkartukontrolSudahbg); /*figma*/
+  color: var(--textcolorlabelkartukontrolSudah); /*figma*/
+  padding: 0.15rem 0.75rem;
+  border-radius: 0.42rem;
+}
+
+.kartukontrol-pending-label {
+  background-color: var(--labelkartukontrolBelumbg); /*figma*/
+  color: var(--textcolorlabelkartukontrolBelum); /*figma*/
+  padding: 0.15rem 0.75rem;
+  border-radius: 0.42rem;
+}
+
 /* ### OVERLAY */
 .overlay-loading {
   position: relative !important;
diff --git a/assets/mcu/kartukontrolv1.html b/assets/mcu/kartukontrolv1.html
index d20e19e..e815c08 100644
--- a/assets/mcu/kartukontrolv1.html
+++ b/assets/mcu/kartukontrolv1.html
@@ -116,20 +116,6 @@ License: You must have a valid license purchased only from themeforest(the above
       .smallf {
         font-size: 10px;
       }
-
-      .complete-label {
-        background-color: #e8fff3; /*figma*/
-        color: #50cd89; /*figma*/
-        padding: 0.15rem 0.75rem;
-        border-radius: 0.42rem;
-      }
-
-      .pending-label {
-        background-color: #fff8dd; /*figma*/
-        color: #f1bc00; /*figma*/
-        padding: 0.15rem 0.75rem;
-        border-radius: 0.42rem;
-      }
     </style>
     <!--begin::Container-->
     <div class="content-fluid bg-white">
@@ -201,7 +187,7 @@ License: You must have a valid license purchased only from themeforest(the above
 
                     <div class="col-3">
                       <span
-                        class="label label-inline font-weight-bold complete-label mr-2 shadow-sm"
+                        class="label label-inline font-weight-bold kartukontrol-sudah-label mr-2 shadow-sm"
                         >Sudah</span
                       >
                     </div>
@@ -215,7 +201,7 @@ License: You must have a valid license purchased only from themeforest(the above
                     </div>
                     <div class="col-3">
                       <span
-                        class="label label-inline font-weight-bold complete-label mr-2 shadow-sm"
+                        class="label label-inline font-weight-bold kartukontrol-sudah-label mr-2 shadow-sm"
                         >Sudah</span
                       >
                     </div>
@@ -234,7 +220,7 @@ License: You must have a valid license purchased only from themeforest(the above
                     </div>
                     <div class="col-3">
                       <span
-                        class="label label-inline font-weight-bold complete-label mr-2 shadow-sm"
+                        class="label label-inline font-weight-bold kartukontrol-sudah-label mr-2 shadow-sm"
                         >Sudah</span
                       >
                     </div>
@@ -250,7 +236,7 @@ License: You must have a valid license purchased only from themeforest(the above
                     <div class="col-9"><h6>ECG</h6></div>
                     <div class="col-3">
                       <span
-                        class="label label-inline font-weight-bold pending-label mr-2 shadow-sm"
+                        class="label label-inline font-weight-bold kartukontrol-pending-label mr-2 shadow-sm"
                         >Belum</span
                       >
                     </div>