diff --git a/packages/theme/src/badge.scss b/packages/theme/src/badge.scss
index 72542771..25691679 100644
--- a/packages/theme/src/badge.scss
+++ b/packages/theme/src/badge.scss
@@ -1,25 +1,25 @@
 @use './common/typography.scss';
 .puik-badge {
-  @extend .puik-body-default;
-  @apply rounded-2xl inline-block py-1 px-3 leading-5 font-normal;
+  @extend .puik-body-default-medium;
+  @apply rounded-2xl inline-block py-1 px-3 leading-5;
 
   &--success {
-    @apply bg-green text-white;
+    @apply bg-green-100;
   }
 
   &--warning {
-    @apply bg-yellow text-primary;
+    @apply bg-yellow-100;
   }
 
   &--danger {
-    @apply bg-red text-white;
+    @apply bg-red-100;
   }
 
   &--info {
-    @apply bg-blue text-white;
+    @apply bg-blue-100;
   }
 
   &--neutral {
-    @apply bg-primary-600 text-white;
+    @apply bg-primary-300;
   }
 }