From 6d44da683c8924dbc0725385174ff7e8c4ed03a0 Mon Sep 17 00:00:00 2001
From: nflnkr <molohov.eugeny@yandex.ru>
Date: Wed, 10 May 2023 22:43:14 +0300
Subject: [PATCH] fix floating support chat width

---
 src/components/FloatingSupportChat/Chat.tsx                | 1 -
 src/components/FloatingSupportChat/FloatingSupportChat.tsx | 6 +++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/FloatingSupportChat/Chat.tsx b/src/components/FloatingSupportChat/Chat.tsx
index cdc7f2f..539633c 100644
--- a/src/components/FloatingSupportChat/Chat.tsx
+++ b/src/components/FloatingSupportChat/Chat.tsx
@@ -174,7 +174,6 @@ export default function Chat({ sx }: Props) {
         <Box sx={{
             display: "flex",
             flexDirection: "column",
-            width: "400px",
             height: "clamp(250px, 100dvh - 80px, 600px)",
             backgroundColor: "#944FEE",
             borderRadius: "8px",
diff --git a/src/components/FloatingSupportChat/FloatingSupportChat.tsx b/src/components/FloatingSupportChat/FloatingSupportChat.tsx
index 48c8ec8..de11e08 100644
--- a/src/components/FloatingSupportChat/FloatingSupportChat.tsx
+++ b/src/components/FloatingSupportChat/FloatingSupportChat.tsx
@@ -13,11 +13,15 @@ export default function FloatingSupportChat() {
             right: "20px",
             bottom: "10px",
             display: "flex",
+            flexDirection: "column",
+            gap: "8px",
+            width: "clamp(200px, 100% - 40px, 454px)",
             zIndex: 10,
         }}>
             {isChatOpened &&
                 <Chat sx={{
-                    mb: "54px",
+                    alignSelf: "start",
+                    width: "clamp(200px, 100%, 400px)",
                 }} />
             }
             <Fab