diff --git a/src/frontend/components/layout/main.tsx b/src/frontend/components/layout/main.tsx
index 0617162..3d1f9df 100644
--- a/src/frontend/components/layout/main.tsx
+++ b/src/frontend/components/layout/main.tsx
@@ -43,7 +43,7 @@ const Main = {
   MainWrapper: Styled.div`
     display: flex;
     width: 80%;
-    height: 70%;
+    max-width: 850px;
     flex-grow: 1;
     border-radius: 30px;
     border: 5px solid ${(props) => props.theme.colors.hunter};
diff --git a/src/frontend/views/chat.tsx b/src/frontend/views/chat.tsx
index bd259da..37c8b5a 100644
--- a/src/frontend/views/chat.tsx
+++ b/src/frontend/views/chat.tsx
@@ -313,10 +313,10 @@ const Chat = {
     margin-bottom: 20px;
   `,
   Question: Styled.span`
-    display: flex;
     color: ${(props) => props.theme.colors.notice};
     font-family: ${(props) => props.theme.fonts.family.primary.regular};
     font-size: ${(props) => props.theme.fonts.size.small};
+    word-wrap: break-word;
     margin-bottom: 5px;
   `,
   Answer: Styled.span`
@@ -348,7 +348,7 @@ const Chat = {
     width: 100%;
     height: 40px;
     border-radius: 30px;
-    padding: 0 25px;
+    padding: 0 40px 0 25px;
     background: ${(props) => props.theme.colors.core};
     border: 2px solid ${(props) => props.theme.colors.hunter};
     color: ${(props) => props.theme.colors.notice};