From 63a15a3359e441a1748a710fad3ab0f687da5dcd Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Fri, 20 Sep 2024 02:25:00 +0530
Subject: [PATCH] fix(retry btn): overlflow in mobile

---
 frontend/src/conversation/ConversationBubble.tsx | 2 +-
 frontend/src/index.css                           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/conversation/ConversationBubble.tsx b/frontend/src/conversation/ConversationBubble.tsx
index bdec095f..3741bfa1 100644
--- a/frontend/src/conversation/ConversationBubble.tsx
+++ b/frontend/src/conversation/ConversationBubble.tsx
@@ -218,7 +218,7 @@ const ConversationBubble = forwardRef<
             {type === 'ERROR' && (
               <>
                 <img src={Alert} alt="alert" className="mr-2 inline" />
-                <div className="absolute -right-32 top-1/2 -translate-y-1/2">
+                <div className="absolute right-0 lg:-right-32 top-1/2 translate-y-full lg:-translate-y-1/2">
                   {retryBtn}
                 </div>
               </>
diff --git a/frontend/src/index.css b/frontend/src/index.css
index f6a98192..805f0cfa 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -8,7 +8,7 @@
 
 @supports (height: 100dvh) {
   :root {
-      --viewport-height: 100dvh; /* Use dvh where supported */
+    --viewport-height: 100dvh; /* Use dvh where supported */
   }
 }