diff --git a/frontend/src/components/AnswerListRecheckModal/index.tsx b/frontend/src/components/AnswerListRecheckModal/index.tsx
index 1da029cd0..283226249 100644
--- a/frontend/src/components/AnswerListRecheckModal/index.tsx
+++ b/frontend/src/components/AnswerListRecheckModal/index.tsx
@@ -1,5 +1,6 @@
import { Fragment } from 'react';
+import { MultilineTextViewer } from '@/components';
import { ReviewWritingAnswer, ReviewWritingCardSection } from '@/types';
import CheckboxItem from '../common/CheckboxItem';
@@ -54,7 +55,9 @@ const AnswerListRecheckModal = ({ questionSectionList, answerMap, closeModal }:
))}
)}
-
{question.questionType === 'TEXT' &&
{findTextAnswer(question.questionId)}
}
+ {question.questionType === 'TEXT' && (
+
+ )}
))}
diff --git a/frontend/src/components/common/MultilineTextViewer/index.tsx b/frontend/src/components/common/MultilineTextViewer/index.tsx
index 14fc0f6d7..6c39d0ce2 100644
--- a/frontend/src/components/common/MultilineTextViewer/index.tsx
+++ b/frontend/src/components/common/MultilineTextViewer/index.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as S from './styles';
interface MultilineTextViewerProps {
text: string;
@@ -8,10 +8,10 @@ const MultilineTextViewer = ({ text }: MultilineTextViewerProps) => {
return (
<>
{text.split('\n').map((line, index) => (
-
+
{line}
-
+
))}
>
);
diff --git a/frontend/src/components/common/MultilineTextViewer/styles.ts b/frontend/src/components/common/MultilineTextViewer/styles.ts
new file mode 100644
index 000000000..a5ef99e88
--- /dev/null
+++ b/frontend/src/components/common/MultilineTextViewer/styles.ts
@@ -0,0 +1,5 @@
+import styled from '@emotion/styled';
+
+export const MultilineText = styled.div`
+ word-wrap: break-word;
+`;