diff --git a/libs/components/src/badge/badge.directive.ts b/libs/components/src/badge/badge.directive.ts
index 4d949bc681..352da9c41f 100644
--- a/libs/components/src/badge/badge.directive.ts
+++ b/libs/components/src/badge/badge.directive.ts
@@ -26,11 +26,10 @@ const hoverStyles: Record<BadgeTypes, string[]> = {
 export class BadgeDirective {
   @HostBinding("class") get classList() {
     return [
-      "tw-inline-block",
-      "tw-py-1",
+      "tw-inline",
+      "tw-py-0.5",
       "tw-px-1.5",
       "tw-font-bold",
-      "tw-leading-none",
       "tw-text-center",
       "!tw-text-contrast",
       "tw-rounded",