From 8a0488ee89d6532874e0d597418db0d5a51a542d Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Fri, 2 Jun 2023 09:44:12 +0200
Subject: [PATCH] :ambulance: Fix bubble window size on mobile devices

Closes
---
 packages/embeds/js/package.json                              | 2 +-
 packages/embeds/js/src/features/bubble/components/Bubble.tsx | 2 +-
 packages/embeds/react/package.json                           | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/embeds/js/package.json b/packages/embeds/js/package.json
index 76165c1f3e..e733c609fa 100644
--- a/packages/embeds/js/package.json
+++ b/packages/embeds/js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.0.61",
+  "version": "0.0.62",
   "description": "Javascript library to display typebots on your website",
   "type": "module",
   "main": "dist/index.js",
diff --git a/packages/embeds/js/src/features/bubble/components/Bubble.tsx b/packages/embeds/js/src/features/bubble/components/Bubble.tsx
index f1907f3f33..d1313bffbe 100644
--- a/packages/embeds/js/src/features/bubble/components/Bubble.tsx
+++ b/packages/embeds/js/src/features/bubble/components/Bubble.tsx
@@ -161,7 +161,7 @@ export const Bubble = (props: BubbleProps) => {
           (props.theme?.button?.size === 'large'
             ? ' bottom-24'
             : ' bottom-20') +
-          (props.theme?.placement === 'left' ? ' left-5' : ' right-5')
+          (props.theme?.placement === 'left' ? ' sm:left-5' : ' sm:right-5')
         }
       >
         <Show when={isBotStarted()}>
diff --git a/packages/embeds/react/package.json b/packages/embeds/react/package.json
index 2a8a551430..1245f4ad81 100644
--- a/packages/embeds/react/package.json
+++ b/packages/embeds/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.0.61",
+  "version": "0.0.62",
   "description": "React library to display typebots on your website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",