From 6bfbc3c33840a599c40dd35ada9f3c452e699369 Mon Sep 17 00:00:00 2001
From: Ali <83188384+testA113@users.noreply.github.com>
Date: Wed, 1 Feb 2023 20:34:08 +1300
Subject: [PATCH] fix(texttip): fix texttip placement [EE-4990] (#8428)

Co-authored-by: testa113 <testa113>
---
 app/react/components/Tip/TextTip/TextTip.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/react/components/Tip/TextTip/TextTip.tsx b/app/react/components/Tip/TextTip/TextTip.tsx
index 54d11898a..5bf4a233e 100644
--- a/app/react/components/Tip/TextTip/TextTip.tsx
+++ b/app/react/components/Tip/TextTip/TextTip.tsx
@@ -16,8 +16,8 @@ export function TextTip({
   children,
 }: PropsWithChildren<Props>) {
   return (
-    <p className="small flex items-center gap-1">
-      <Icon icon={icon} mode={getMode(color)} />
+    <p className="small inline-flex items-center gap-1">
+      <Icon icon={icon} mode={getMode(color)} className="shrink-0" />
 
       <span className="text-muted">{children}</span>
     </p>