e

client/src/Components/Chat.js

@@ -126,8 +126,8 @@ function Chat(props) {
 
   return (
     <>
-      <Container id="chat" style={{ overflow: 'auto', padding: '20px', border: "2px solid", height: "500px", margin: "1%", borderColor: "9174ad", background: '' }}>
-        <Row className="d-flex justify-content-center" style={{ border: "2px solid", borderWidth: "medium", borderColor: "9174ad", height: "80px", margin: "1%" }}>
+      <Container id="chat" style={{ padding: '20px', border: "2px solid", height: "500px", margin: "1%", borderColor: "#9174ad", background: '' }}>
+        <Row className="d-flex justify-content-center" style={{ border: "2px solid", borderWidth: "medium", borderColor: "#9174ad", height: "80px", margin: "1%" }}>
           <Col md="auto">
             <Button variant="light" onClick={handleClick} >{`<`}</Button>
           </Col>
@@ -145,6 +145,7 @@ function Chat(props) {
             <Col md="auto"><Button variant="light" onClick={exitAndCloseRoom}>{"나가기"}</Button></Col>
           </Row>
           : null}
+        <div className="m-2" style={{ overflow: 'auto', padding: '20px', margin: "1%", height: "370px" }}>
           {chat.map((value, index) => {
             if (!(value.msg === '')) {
               if (value.sender === "system") {
@@ -183,6 +184,7 @@ function Chat(props) {
             }
           })
           }
+        </div>
 
       </Container >
       <Form onSubmit={sendMsgCH} fluid>