diff --git a/frontend/src/components/Article/ArticleDetail/ArticleDetail.module.css b/frontend/src/components/Article/ArticleDetail/ArticleDetail.module.css
index f20f07d..45f27d7 100644
--- a/frontend/src/components/Article/ArticleDetail/ArticleDetail.module.css
+++ b/frontend/src/components/Article/ArticleDetail/ArticleDetail.module.css
@@ -14,6 +14,7 @@
   display: flex;
   justify-content: space-between;
   align-items: end;
+  word-break: break-word;
 }
 
 .headerInside {
@@ -53,7 +54,8 @@
   line-height: 1.4;
   font-weight: 400;
   margin: 0;
-  white-space: pre-wrap;
+  white-space: pre-line;
+  word-break: break-word;
 }
 
 .icon {
diff --git a/frontend/src/components/Article/ArticlePreview/ArticlePreview.module.css b/frontend/src/components/Article/ArticlePreview/ArticlePreview.module.css
index 4044e6a..468ed3a 100644
--- a/frontend/src/components/Article/ArticlePreview/ArticlePreview.module.css
+++ b/frontend/src/components/Article/ArticlePreview/ArticlePreview.module.css
@@ -34,6 +34,9 @@
   font-size: 16px;
   line-height: 1.4;
   font-weight: 400;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .empty {