diff --git a/app/configuration/styles/certificate.scss b/app/configuration/styles/certificate.scss
index e3ead19..5a122fe 100644
--- a/app/configuration/styles/certificate.scss
+++ b/app/configuration/styles/certificate.scss
@@ -1,17 +1,17 @@
 .certificate__table {
-  border-left: 1px solid $medgrey;
-  border-right: 1px solid $medgrey;
-  margin-top: .5em;
+  border-left: 1px solid $border-color-01;
+  border-right: 1px solid $border-color-01;
+  margin-top: 0.5em;
   .table__row-header {
     width: 100%;
-    border-bottom: 1px solid $medgrey;
-      background-color: $darkbg__primary;
-      color: $white;
-      font-weight: 700;
+    border-bottom: 1px solid $border-color-01;
+    background-color: $primary-dark;
+    color: $primary-light;
+    font-weight: 700;
   }
   .table__row-value {
     width: 100%;
-    border-bottom: 1px solid $medgrey;
+    border-bottom: 1px solid $border-color-01;
   }
   .certificate__type-header {
     @include mediaQuery(small) {
@@ -19,11 +19,11 @@
       background: transparent;
     }
     width: 100%;
-    padding: .8em;
+    padding: 0.8em;
     padding-left: 1.5em;
   }
   .certificate__date-header {
-    padding:.8em;
+    padding: 0.8em;
     @include mediaQuery(small) {
       width: 30%;
       display: block;
@@ -31,7 +31,7 @@
     display: none;
   }
   .certificate__status-header {
-    padding: .8em;
+    padding: 0.8em;
     @include mediaQuery(small) {
       width: 5%;
       display: block;
@@ -40,16 +40,16 @@
   }
   .certificate__type-cell {
     width: 100%;
-    padding: .8em .8em .8em 1.5em;
+    padding: 0.8em 0.8em 0.8em 1.5em;
     word-wrap: break-word;
-    background: $lightgrey;
+    background: $background-02;
     @include mediaQuery(small) {
       width: 25%;
       background: transparent;
     }
   }
   .certificate__date-cell {
-    padding: .8em ;
+    padding: 0.8em;
     word-wrap: break-word;
     @include mediaQuery(small) {
       width: 30%;
@@ -57,7 +57,7 @@
     width: 70%;
   }
   .certificate__status-cell {
-    padding: .8em;
+    padding: 0.8em;
     @include mediaQuery(small) {
       display: block;
       width: 5%;
@@ -67,11 +67,11 @@
   .certificate__buttons-cell {
     @include mediaQuery(small) {
       width: 10%;
-      padding-top: .8em;
+      padding-top: 0.8em;
     }
     width: 100%;
     text-align: right;
-    padding: 0 1.5em .8em 0;
+    padding: 0 1.5em 0.8em 0;
   }
   .certificate__title-inline {
     @include mediaQuery(small) {
@@ -79,17 +79,17 @@
     }
     width: 30%;
     display: block;
-    padding: .8em .8em .8em 1.5em;
+    padding: 0.8em 0.8em 0.8em 1.5em;
   }
   .upload__certificate {
-    border-top: 1px solid $medgrey;
+    border-top: 1px solid $border-color-01;
     width: 100%;
-    background: $lightgrey;
-    padding: .8em;
+    background: $background-02;
+    padding: 0.8em;
   }
 }
 .certificate__upload-chooser {
-  background: $lightgrey;
+  background: $background-02;
 }
 
 .add__certificate__modal {
@@ -106,7 +106,7 @@
     font-size: 1.2em;
   }
   .file__name {
-    background-color: $upload__background;
-    padding: .5em;
+    background-color: $background-02;
+    padding: 0.5em;
   }
 }