diff --git a/app/assets/sass/components/_badge.scss b/app/assets/sass/components/_badge.scss
index f0f9c7f..794b1f6 100644
--- a/app/assets/sass/components/_badge.scss
+++ b/app/assets/sass/components/_badge.scss
@@ -16,7 +16,7 @@
 
     &-default {
         color: white;
-        background-color: $gray;
+        background-color: $gray-400;
     }
 
     &-primary {
@@ -26,21 +26,21 @@
 
     &-info {
         color: white;
-        background-color: $brand-info;
+        background-color: $info;
     }
 
     &-success {
         color: white;
-        background-color: $brand-success;
+        background-color: $success;
     }
 
     &-warning {
         color: black;
-        background-color: $brand-warning;
+        background-color: $warning;
     }
 
     &-danger {
         color: white;
-        background-color: $brand-danger;
+        background-color: $danger;
     }
 }