diff --git a/web/src/less/home.less b/web/src/less/home.less
index 64386fc0..db3746d7 100644
--- a/web/src/less/home.less
+++ b/web/src/less/home.less
@@ -12,7 +12,7 @@
     }
 
     > .memos-wrapper {
-      @apply relative w-full 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;
 
       > .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-content.less b/web/src/less/memo-content.less
index 171e67c7..2c39cf91 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-words text-base leading-7;
+  @apply w-full whitespace-pre-wrap break-all 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-words;
+    @apply inline-block w-full h-auto mb-1 last:mb-0 text-base leading-7 whitespace-pre-wrap break-all;
   }
 
   .tag-span {
diff --git a/web/src/less/siderbar.less b/web/src/less/siderbar.less
index c5e5457d..0e490ddb 100644
--- a/web/src/less/siderbar.less
+++ b/web/src/less/siderbar.less
@@ -1,7 +1,7 @@
 @import "./mixin.less";
 
 .sidebar-wrapper {
-  @apply fixed sm:sticky top-0 left-0 hidden sm:!flex flex-col justify-start items-start w-64 h-screen py-4 pl-2 z-20 bg-white sm:bg-transparent shadow-2xl sm:shadow-none overflow-x-hidden overflow-y-auto transition-all;
+  @apply fixed sm:sticky top-0 left-0 hidden sm:!flex flex-col justify-start items-start w-64 h-screen py-4 pl-2 bg-white sm:bg-transparent shadow-2xl sm:shadow-none overflow-x-hidden overflow-y-auto transition-all;
   .hide-scroll-bar();
 
   > .close-container {
diff --git a/web/src/less/usage-heat-map.less b/web/src/less/usage-heat-map.less
index a4f62bdd..75417ff7 100644
--- a/web/src/less/usage-heat-map.less
+++ b/web/src/less/usage-heat-map.less
@@ -6,8 +6,7 @@
 @stat-day-L4-bg: #216e39;
 
 .usage-heat-map-wrapper {
-  .flex(row, flex-start, center);
-  @apply w-full h-32 flex-wrap pr-6 pb-3;
+  @apply flex flex-row justify-start items-center w-full h-32 flex-wrap pr-6 pb-3;
 
   > .day-tip-text-container {
     @apply w-6 h-full grid grid-rows-7;