🐛 (bubble) Fix bubble bot window left overflow

Closes #1362

packages/embeds/js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.2.49",
+  "version": "0.2.50",
   "description": "Javascript library to display typebots on your website",
   "type": "module",
   "main": "dist/index.js",

packages/embeds/js/src/features/bubble/components/Bubble.tsx

@@ -198,7 +198,9 @@ export const Bubble = (props: BubbleProps) => {
         class={
           'fixed rounded-lg w-full' +
           (isBotOpened() ? ' opacity-1' : ' opacity-0 pointer-events-none') +
-          (props.theme?.placement === 'left' ? ' left-5' : ' right-5')
+          (props.theme?.placement === 'left'
+            ? ' left-5'
+            : ' sm:right-5 right-0')
         }
       >
         <Show when={isBotStarted()}>

packages/embeds/nextjs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/nextjs",
-  "version": "0.2.49",
+  "version": "0.2.50",
   "description": "Convenient library to display typebots on your Next.js website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

packages/embeds/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.2.49",
+  "version": "0.2.50",
   "description": "Convenient library to display typebots on your React app",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

packages/embeds/react/src/stories/bubble.stories.tsx

@@ -50,7 +50,6 @@ export const Default = () => {
           button: {
             backgroundColor: '#FF7537',
             iconColor: 'white',
-            size: 'large',
           },
         }}
         isPreview