From b5de573497b770b723684d2a00eb95a85bb46db4 Mon Sep 17 00:00:00 2001
From: Andreas Coroiu <andreas.coroiu@gmail.com>
Date: Tue, 27 Sep 2022 11:22:31 +0200
Subject: [PATCH] fix: icon button style incompats (#3611)

---
 libs/components/src/icon-button/icon-button.component.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/libs/components/src/icon-button/icon-button.component.ts b/libs/components/src/icon-button/icon-button.component.ts
index cd6f1be402a..6696935257f 100644
--- a/libs/components/src/icon-button/icon-button.component.ts
+++ b/libs/components/src/icon-button/icon-button.component.ts
@@ -72,7 +72,7 @@ const sizes: Record<IconButtonSize, string[]> = {
 
 @Component({
   selector: "button[bitIconButton]",
-  template: `<i class="bwi" [ngClass]="icon" aria-hidden="true"></i>`,
+  template: `<i class="bwi" [ngClass]="iconClass" aria-hidden="true"></i>`,
 })
 export class BitIconButtonComponent {
   @Input("bitIconButton") icon: string;
@@ -106,10 +106,15 @@ export class BitIconButtonComponent {
       "before:tw-rounded-md",
       "before:tw-transition",
       "before:tw-ring",
+      "before:tw-ring-transparent",
       "focus-visible:before:tw-ring-text-contrast",
       "focus-visible:tw-z-10",
     ]
       .concat(styles[this.buttonType])
       .concat(sizes[this.size]);
   }
+
+  get iconClass() {
+    return [this.icon, "!tw-m-0"];
+  }
 }