From 68e4fc71fbee9f45e2869912798304493c75b1b0 Mon Sep 17 00:00:00 2001
From: "onFire(Abhi)" <40654066+AbhiShake1@users.noreply.github.com>
Date: Wed, 8 Nov 2023 06:40:02 +0000
Subject: [PATCH] fix: whole page overflowing on the x axis and displaying a
 horizontal scrollbar (#1011)

this PR fixes issue
https://github.com/baptisteArno/typebot.io/issues/1008 by making the
position of `HandDrawnArrow`'s parent relative, which confines the
absolute position of its children to be within the bounds of the parent,
causing layout not shift due to `right -30px`

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **New Features**
- Updated the layout behavior of the `RealTimeResults` component on the
landing page for better user experience.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 apps/landing-page/components/Homepage/RealTimeResults.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/landing-page/components/Homepage/RealTimeResults.tsx b/apps/landing-page/components/Homepage/RealTimeResults.tsx
index 735e75379b..1cc35bde0e 100644
--- a/apps/landing-page/components/Homepage/RealTimeResults.tsx
+++ b/apps/landing-page/components/Homepage/RealTimeResults.tsx
@@ -85,6 +85,7 @@ export const RealTimeResults = () => {
           w="full"
           direction={['column', 'row']}
           spacing="4"
+          pos="relative"
           data-aos="fade"
         >
           {typebot && (