diff --git a/src/Detail/components/LecueNoteModal/LecueNoteModal.style.ts b/src/Detail/components/LecueNoteModal/LecueNoteModal.style.ts
index 8361c218..b4232f96 100644
--- a/src/Detail/components/LecueNoteModal/LecueNoteModal.style.ts
+++ b/src/Detail/components/LecueNoteModal/LecueNoteModal.style.ts
@@ -68,6 +68,8 @@ export const LecueNoteModalContent = styled.p`
   max-height: 100%;
 
   ${({ theme }) => theme.fonts.Title2_M_16};
+
+  white-space: pre-wrap;
 `;
 
 export const LecueNoteModalDate = styled.p`
diff --git a/src/Mypage/components/LecueNote/LecueNote.style.ts b/src/Mypage/components/LecueNote/LecueNote.style.ts
index 011ea692..c38d3d1d 100644
--- a/src/Mypage/components/LecueNote/LecueNote.style.ts
+++ b/src/Mypage/components/LecueNote/LecueNote.style.ts
@@ -62,6 +62,8 @@ export const Content = styled.p`
   ${({ theme }) => theme.fonts.Body3_R_14};
 
   text-overflow: ellipsis;
+
+  white-space: pre-wrap;
 `;
 
 export const Date = styled.p`
diff --git a/src/Mypage/components/NoteModal/NoteModal.style.ts b/src/Mypage/components/NoteModal/NoteModal.style.ts
index 530a2478..17d253fd 100644
--- a/src/Mypage/components/NoteModal/NoteModal.style.ts
+++ b/src/Mypage/components/NoteModal/NoteModal.style.ts
@@ -89,6 +89,7 @@ export const Content = styled.p`
   height: 16.8rem;
 
   ${({ theme }) => theme.fonts.Body1_R_16};
+  white-space: pre-wrap;
 `;
 
 export const NoteDate = styled.p`
diff --git a/src/Router.tsx b/src/Router.tsx
index 5b31c870..b23ae087 100644
--- a/src/Router.tsx
+++ b/src/Router.tsx
@@ -5,6 +5,7 @@ import { useQueryErrorResetBoundary } from 'react-query';
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
 
 import BoundaryErrorPage from './components/common/BoundaryErrorPage';
+import ClearToken from './components/common/ClearToken/ClearToken';
 import ErrorPage from './components/common/ErrorPage';
 import LoadingPage from './components/common/LoadingPage';
 import CreateBook from './CreateBook/page';
@@ -47,6 +48,7 @@ function Router() {
             <Route path="/loading" element={<LoginCallback />} />
             <Route path="/error" element={<ErrorPage />} />
             <Route path="/loading-page" element={<LoadingPage />} />
+            <Route path="/clear" element={<ClearToken />} />
             <Route path="/*" element={<ErrorPage />} />
           </Routes>
         </Suspense>
diff --git a/src/components/common/ClearToken/ClearToken.tsx b/src/components/common/ClearToken/ClearToken.tsx
new file mode 100644
index 00000000..1f98dd6f
--- /dev/null
+++ b/src/components/common/ClearToken/ClearToken.tsx
@@ -0,0 +1,7 @@
+function ClearToken() {
+  window.localStorage.clear();
+
+  return <div>clear token</div>;
+}
+
+export default ClearToken;