update ChatPresenter

@@ -107,28 +107,38 @@ const ChatScreenBox = styled.div`
   }
 `;
 
+const InputWrapper = styled.div`
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+`;
+
 const InputContainer = styled.div`
   position: fixed;
   bottom: 0;
   justify-content: center;
   align-items: center;
-  width: 70%;
-  margin: 10px;
+  width: 50%;
+  margin-bottom: 20px;
   display: flex;
   flex-direction: row;
+  background-color: #b2bec3;
+  border: none;
   form {
     width: 100%;
     button {
       background-color: #27ae60;
-      width: 10%;
+      width: 20%;
       color: white;
       border-radius: 10px;
     }
     input {
+      background-color: #b2bec3;
       width: 70%;
     }
   }
-  border: 1px solid rgba(0, 0, 0, 0.7);
   border-radius: 10px;
 `;
 
@@ -188,6 +198,7 @@ export default ({
                   avatar={e.sender.avatarUrl}
                 />
               ))}
+            <InputWrapper>
               <InputContainer className="InputContainer">
                 <form onSubmit={onSubmit}>
                   <Input
@@ -198,6 +209,7 @@ export default ({
                   <Button text={"Submit"} />
                 </form>
               </InputContainer>
+            </InputWrapper>
           </ChatScreenBox>
         </ChatScreenContainer>
       </ChatWrapper>