Ready for deploy

package.json

@@ -1,6 +1,6 @@
 {
   "name": "web",
-  "version": "4.0.7",
+  "version": "4.0.8",
   "private": true,
   "dependencies": {
     "@emotion/react": "^11.5.0",

src/components/DirectChat/DirectChatContent/DirectChatContent.js

@@ -49,7 +49,7 @@ const DirectChatContent = (props) => {
             interlucator={props?.interlucator}
             exchangeState={props.exchangeState}
           />
-          <MessagesList ref={messagesRef}>
+          <MessagesList ref={messagesRef} exchangeState={props?.exchangeState}>
             {messages?.map((item) => {
               const isMyMessage = userId === item.userId;
               const image = isMyMessage

src/components/DirectChat/DirectChatContent/DirectChatContent.styled.js

@@ -1,5 +1,6 @@
 import { Box } from "@mui/material";
 import styled from "styled-components";
+import exchangeStatus from "../../../constants/exchangeStatus";
 import selectedTheme from "../../../themes";
 
 export const DirectChatContentContainer = styled(Box)`
@@ -14,7 +15,11 @@ export const MessagesList = styled(Box)`
   padding: 18px 36px;
   position: relative;
   max-height: 425px;
-  height: 425px;
+  height: ${(props) =>
+    props.exchangeState === exchangeStatus.ACCEPTED ||
+    props.exchangeState === exchangeStatus.I_OFFERED
+      ? "385px"
+      : "425px"};
   overflow-y: auto;
   display: flex;
   flex-direction: column;