Chatbot.js에 css 스타일을 똑같이 작성하였는데 input창의 width가 다릅니다

안녕하세요 김재현님 ! 

혹시 

이렇게 똑같이 작성해주셨나요?~ !!!  

혹시 다른 style.css나 index.css에 저 부분의 중복되는 부분이 있나요?! 

John Ahn님 시간내주셔서 감사합니다!!

{renderMessage(messagesFromRedux)}

이 부분을 제외 하고 똑같이 작성하였습니다. 

다만 깃레포를 포크했더니 브랜치에는 이미 어느정도 작성된 부분이라 헷갈려서

클론해서 이용하지 않고 pakage목록들만 베낀후 직접 영상을 보고 따라치며 진행중이었습니다.

혹시 미리 css설정 관련해서 설정하신 부분은 없으신건지요?

똑같이 되질않아서 reset.css를 적용해본것 이외에는 따로 css파일이 존재하진 않습니다

reset.css는 현재 삭제한 상태입니다

도움이 될까 싶어 깃레포 링크 첨부하겠습니다.

make/client 브랜치로 올렸습니다

도움 부탁드립니다ㅠ

https://github.com/kirk0201/chat-bot

import React from "react";

function Chatbot() {
  return (
  
    <div
      style={{
        height: 700,
        width: 700,
        border: "3px solid black",
        borderRadius: "7px",
      }}
    >
      <div
        style={{
          height: 644,
          width: "100%",
          overflow: "auto",
        }}
      ></div>
      <input
        style={{
            margin: 0,
          width: "100%",
          height: 50,
            borderRadius: "4px",
            padding: "5px",
            fontSize: "1rem",
        }}
        placeholder="Send a message"
        // onKeyPress
        type="text"
      />
    </div>
  );
}

export default Chatbot;