diff --git a/src/pages/class/components/ClassInfo/ClassInfo.style.ts b/src/pages/class/components/ClassInfo/ClassInfo.style.ts
index a249148f..a8d826e6 100644
--- a/src/pages/class/components/ClassInfo/ClassInfo.style.ts
+++ b/src/pages/class/components/ClassInfo/ClassInfo.style.ts
@@ -6,3 +6,10 @@ export const classInfoContainer = (theme: Theme) => css`
   ${theme.font['body02-r-14']};
   color: ${theme.color.midgray2};
 `;
+
+export const contentStyle = (theme: Theme) => css`
+  ${theme.font['body02-r-14']};
+  color: ${theme.color.midgray2};
+
+  white-space: pre-line;
+`;
diff --git a/src/pages/class/components/ClassInfo/ClassInfo.tsx b/src/pages/class/components/ClassInfo/ClassInfo.tsx
index 8d5c9fac..31d3bad1 100644
--- a/src/pages/class/components/ClassInfo/ClassInfo.tsx
+++ b/src/pages/class/components/ClassInfo/ClassInfo.tsx
@@ -1,4 +1,4 @@
-import { classInfoContainer } from './ClassInfo.style';
+import { classInfoContainer, contentStyle } from './ClassInfo.style';
 
 interface ClassInfoProps {
   content: string;
@@ -7,7 +7,7 @@ interface ClassInfoProps {
 const ClassInfo = ({ content }: ClassInfoProps) => {
   return (
     <article css={classInfoContainer}>
-      <p>{content}</p>
+      <p css={contentStyle}>{content}</p>
     </article>
   );
 };