From 611dbad7cdaef8b331ce2e3f6e9f09545f2c7cbc Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Sat, 9 Apr 2022 17:53:48 -0500
Subject: [PATCH] =?UTF-8?q?feat(viewer):=20=F0=9F=92=84=20Add=20margins=20?=
 =?UTF-8?q?on=20bubbles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/bot-engine/src/components/ChatBlock/ChatBlock.tsx  | 2 +-
 .../components/ChatBlock/ChatStep/bubbles/GuestBubble.tsx   | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/bot-engine/src/components/ChatBlock/ChatBlock.tsx b/packages/bot-engine/src/components/ChatBlock/ChatBlock.tsx
index 75d32bdfc..ddcec99ed 100644
--- a/packages/bot-engine/src/components/ChatBlock/ChatBlock.tsx
+++ b/packages/bot-engine/src/components/ChatBlock/ChatBlock.tsx
@@ -219,7 +219,7 @@ const ChatChunks = ({
             hostAvatarSrc={hostAvatar.src}
           />
         )}
-        <div className="flex-1">
+        <div className="flex-1" style={{ marginRight: '50px' }}>
           <TransitionGroup>
             {bubbles.map((step) => (
               <CSSTransition
diff --git a/packages/bot-engine/src/components/ChatBlock/ChatStep/bubbles/GuestBubble.tsx b/packages/bot-engine/src/components/ChatBlock/ChatStep/bubbles/GuestBubble.tsx
index ad99a75ad..f20664733 100644
--- a/packages/bot-engine/src/components/ChatBlock/ChatStep/bubbles/GuestBubble.tsx
+++ b/packages/bot-engine/src/components/ChatBlock/ChatStep/bubbles/GuestBubble.tsx
@@ -19,7 +19,11 @@ export const GuestBubble = ({
 
   return (
     <CSSTransition classNames="bubble" timeout={1000}>
-      <div className="flex justify-end mb-2 items-end" onClick={onClick}>
+      <div
+        className="flex justify-end mb-2 items-end"
+        onClick={onClick}
+        style={{ marginLeft: '50px' }}
+      >
         <span
           className="px-4 py-2 rounded-lg mr-2 whitespace-pre-wrap max-w-full typebot-guest-bubble cursor-pointer hover:brightness-90 active:brightness-75"
           data-testid="guest-bubble"