From 410a1213140b6dbfccdd75c9dfcf4b90938bf51d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=BAlia=20Jaeger=20Foresti?=
 <60678893+juliajforesti@users.noreply.github.com>
Date: Tue, 12 Mar 2024 10:54:09 -0300
Subject: [PATCH] fix(fuselage): remove margin inline end from bubble icon
 (#1317)

---
 .changeset/quiet-ducks-scream.md                          | 5 +++++
 packages/fuselage/src/components/Bubble/BubbleButton.tsx  | 2 +-
 .../components/Bubble/__snapshots__/Bubble.spec.tsx.snap  | 8 ++++----
 3 files changed, 10 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/quiet-ducks-scream.md

diff --git a/.changeset/quiet-ducks-scream.md b/.changeset/quiet-ducks-scream.md
new file mode 100644
index 0000000000..04bd7240fb
--- /dev/null
+++ b/.changeset/quiet-ducks-scream.md
@@ -0,0 +1,5 @@
+---
+"@rocket.chat/fuselage": patch
+---
+
+fix(fuselage): remove margin inline end from bubble icon
diff --git a/packages/fuselage/src/components/Bubble/BubbleButton.tsx b/packages/fuselage/src/components/Bubble/BubbleButton.tsx
index d370296147..357b638aff 100644
--- a/packages/fuselage/src/components/Bubble/BubbleButton.tsx
+++ b/packages/fuselage/src/components/Bubble/BubbleButton.tsx
@@ -27,7 +27,7 @@ export const BubbleButton = ({
     onClick={onClick}
     {...props}
   >
-    {icon && <Icon name={icon} size='x16' mie={8} />}
+    {icon && <Icon name={icon} size='x16' />}
     {label && <span>{label}</span>}
   </button>
 );
diff --git a/packages/fuselage/src/components/Bubble/__snapshots__/Bubble.spec.tsx.snap b/packages/fuselage/src/components/Bubble/__snapshots__/Bubble.spec.tsx.snap
index af2373ece7..a58f2070e7 100644
--- a/packages/fuselage/src/components/Bubble/__snapshots__/Bubble.spec.tsx.snap
+++ b/packages/fuselage/src/components/Bubble/__snapshots__/Bubble.spec.tsx.snap
@@ -11,7 +11,7 @@ exports[`[Bubble Rendering] renders Dismissable without crashing 1`] = `
       >
         <i
           aria-hidden="true"
-          class="rcx-box rcx-box--full rcx-icon--name-arrow-down rcx-icon rcx-css-gcnmf8"
+          class="rcx-box rcx-box--full rcx-icon--name-arrow-down rcx-icon rcx-css-1g87xs3"
         >
           
         </i>
@@ -25,7 +25,7 @@ exports[`[Bubble Rendering] renders Dismissable without crashing 1`] = `
       >
         <i
           aria-hidden="true"
-          class="rcx-box rcx-box--full rcx-icon--name-cross-small rcx-icon rcx-css-gcnmf8"
+          class="rcx-box rcx-box--full rcx-icon--name-cross-small rcx-icon rcx-css-1g87xs3"
         >
           
         </i>
@@ -46,7 +46,7 @@ exports[`[Bubble Rendering] renders IconAndLabel without crashing 1`] = `
       >
         <i
           aria-hidden="true"
-          class="rcx-box rcx-box--full rcx-icon--name-arrow-down rcx-icon rcx-css-gcnmf8"
+          class="rcx-box rcx-box--full rcx-icon--name-arrow-down rcx-icon rcx-css-1g87xs3"
         >
           
         </i>
@@ -114,7 +114,7 @@ exports[`[Bubble Rendering] renders SecondaryDismissable without crashing 1`] =
       >
         <i
           aria-hidden="true"
-          class="rcx-box rcx-box--full rcx-icon--name-cross-small rcx-icon rcx-css-gcnmf8"
+          class="rcx-box rcx-box--full rcx-icon--name-cross-small rcx-icon rcx-css-1g87xs3"
         >
           
         </i>