diff --git a/web/src/less/daily-memo.less b/web/src/less/daily-memo.less
index 14abc4cc..1eb28b33 100644
--- a/web/src/less/daily-memo.less
+++ b/web/src/less/daily-memo.less
@@ -18,7 +18,7 @@
   }
 
   > .memo-content-container {
-    @apply flex flex-col justify-start items-start w-full p-0 text-base;
+    @apply flex flex-col justify-start items-start w-auto overflow-x-hidden p-0 text-base;
 
     > .images-container {
       @apply flex flex-col justify-start items-start mt-1 w-full;
diff --git a/web/src/less/home.less b/web/src/less/home.less
index 57e965fc..ff3a17c6 100644
--- a/web/src/less/home.less
+++ b/web/src/less/home.less
@@ -12,7 +12,7 @@
     }
 
     > .memos-wrapper {
-      @apply relative flex-grow max-w-2xl min-h-full flex flex-col justify-start items-start px-4 sm:pr-6;
+      @apply relative flex-grow max-w-2xl min-h-full flex flex-col justify-start items-start px-4 sm:pr-6 overflow-x-hidden;
 
       > .memos-editor-wrapper {
         @apply sticky top-0 w-full h-full flex flex-col justify-start items-start z-10;
diff --git a/web/src/less/memo.less b/web/src/less/memo.less
index 1b338bff..7ed2c914 100644
--- a/web/src/less/memo.less
+++ b/web/src/less/memo.less
@@ -2,7 +2,7 @@
 @import "./memo-content.less";
 
 .memo-wrapper {
-  @apply flex flex-col justify-start items-start w-full max-w-full p-4 pt-3 mt-2 bg-white rounded-lg border border-white hover:border-gray-200;
+  @apply flex flex-col justify-start items-start w-full shrink overflow-x-hidden p-4 pt-3 mt-2 bg-white rounded-lg border border-white hover:border-gray-200;
 
   &.archived-memo {
     @apply border-gray-200;