diff --git a/web/src/less/global.less b/web/src/less/global.less
index 1de8cee1..f31e9c3e 100644
--- a/web/src/less/global.less
+++ b/web/src/less/global.less
@@ -42,6 +42,11 @@ a {
   @apply cursor-pointer text-blue-600 underline underline-offset-2 hover:opacity-80;
 }
 
+code,
+pre {
+  @apply break-all whitespace-pre-wrap;
+}
+
 .btn {
   @apply select-none cursor-pointer text-center;
 }
diff --git a/web/src/less/memo-content.less b/web/src/less/memo-content.less
index 3612c386..d5eea874 100644
--- a/web/src/less/memo-content.less
+++ b/web/src/less/memo-content.less
@@ -1,10 +1,10 @@
 @import "./mixin.less";
 
 .memo-content-text {
-  @apply w-full whitespace-pre-wrap break-all text-base leading-7;
+  @apply w-full whitespace-pre-wrap break-words text-base leading-7;
 
   > p {
-    @apply inline-block w-full h-auto mb-1 last:mb-0 text-base leading-7 whitespace-pre-wrap break-all;
+    @apply inline-block w-full h-auto mb-1 last:mb-0 text-base leading-7 whitespace-pre-wrap break-words;
   }
 
   .img {
diff --git a/web/src/less/toast.less b/web/src/less/toast.less
index 0051c1cd..e9784a1d 100644
--- a/web/src/less/toast.less
+++ b/web/src/less/toast.less
@@ -19,7 +19,7 @@
 
     > .toast-container {
       > .content-text {
-        @apply text-sm whitespace-pre-wrap break-all leading-6 max-w-xs;
+        @apply text-sm whitespace-pre-wrap break-words leading-6 max-w-xs;
       }
     }
   }