diff --git a/web/src/less/setting-dialog.less b/web/src/less/setting-dialog.less
index 52484a1d..93905fac 100644
--- a/web/src/less/setting-dialog.less
+++ b/web/src/less/setting-dialog.less
@@ -5,7 +5,7 @@
     @apply w-180 max-w-full h-full sm:h-auto mb-8 p-0;
 
     > .dialog-content-container {
-      @apply flex flex-row justify-start items-start relative w-full h-full overflow-y-scroll p-0 hide-scrollbar;
+      @apply flex flex-row justify-start items-start relative w-full h-full p-0;
 
       > .close-btn {
         @apply z-1 flex flex-col justify-center items-center absolute top-4 right-4 w-6 h-6 rounded hover:bg-gray-200 dark:hover:bg-zinc-700 hover:shadow;
diff --git a/web/src/pages/DailyReview.tsx b/web/src/pages/DailyReview.tsx
index 646e8b76..e5317956 100644
--- a/web/src/pages/DailyReview.tsx
+++ b/web/src/pages/DailyReview.tsx
@@ -119,7 +119,10 @@ const DailyReview = () => {
             handleDateStampChange={handleDataPickerChange}
           />
         </div>
-        <div className="w-full h-auto flex flex-col justify-start items-start px-2 sm:px-12 pt-14 pb-8" ref={memosElRef}>
+        <div
+          className="w-full h-auto flex flex-col justify-start items-start px-2 sm:px-12 pt-14 pb-8 bg-white dark:bg-zinc-700"
+          ref={memosElRef}
+        >
           <div className="flex flex-col justify-center items-center mx-auto pb-10 select-none">
             <div className="mx-auto font-bold text-gray-600 dark:text-gray-300 text-center leading-6 mb-2">{currentDate.getFullYear()}</div>
             <div className="flex flex-col justify-center items-center m-auto w-24 h-24 shadow rounded-3xl dark:bg-zinc-800">