diff --git a/web/src/pages/Explore.tsx b/web/src/pages/Explore.tsx
index a36b7810..4e261ca3 100644
--- a/web/src/pages/Explore.tsx
+++ b/web/src/pages/Explore.tsx
@@ -65,7 +65,7 @@ const Explore = () => {
           <div className="flex flex-col justify-start items-start w-full max-w-full">
             <MemoFilter className="px-2 pb-2" />
             {sortedMemos.map((memo) => (
-              <MemoView key={`${memo.name}-${memo.updateTime}`} memo={memo} showCreator showVisibility showPinned />
+              <MemoView key={`${memo.name}-${memo.updateTime}`} memo={memo} showCreator showVisibility showPinned compact />
             ))}
             {isRequesting ? (
               <div className="flex flex-row justify-center items-center w-full my-4 text-gray-400">
diff --git a/web/src/pages/Home.tsx b/web/src/pages/Home.tsx
index 02c963f6..e11f9e52 100644
--- a/web/src/pages/Home.tsx
+++ b/web/src/pages/Home.tsx
@@ -89,7 +89,7 @@ const Home = () => {
           <div className="flex flex-col justify-start items-start w-full max-w-full">
             <MemoFilter className="px-2 pb-2" />
             {sortedMemos.map((memo) => (
-              <MemoView key={`${memo.name}-${memo.updateTime}`} memo={memo} showVisibility showPinned />
+              <MemoView key={`${memo.name}-${memo.updateTime}`} memo={memo} showVisibility showPinned compact />
             ))}
             {isRequesting ? (
               <div className="flex flex-row justify-center items-center w-full my-4 text-gray-400">
diff --git a/web/src/pages/MemoDetail.tsx b/web/src/pages/MemoDetail.tsx
index 5c059b27..8dd09188 100644
--- a/web/src/pages/MemoDetail.tsx
+++ b/web/src/pages/MemoDetail.tsx
@@ -131,7 +131,7 @@ const MemoDetail = () => {
                   </Button>
                 </div>
                 {comments.map((comment) => (
-                  <MemoView key={`${comment.name}-${comment.displayTime}`} memo={comment} showCreator />
+                  <MemoView key={`${comment.name}-${comment.displayTime}`} memo={comment} showCreator compact />
                 ))}
               </>
             )}
diff --git a/web/src/pages/Timeline.tsx b/web/src/pages/Timeline.tsx
index aa813c77..1bfaaed5 100644
--- a/web/src/pages/Timeline.tsx
+++ b/web/src/pages/Timeline.tsx
@@ -174,6 +174,7 @@ const Timeline = () => {
                       className="!border w-full !border-gray-100 dark:!border-zinc-700"
                       memo={memo}
                       displayTimeFormat="time"
+                      compact
                     />
                   ))}
                 </div>
diff --git a/web/src/pages/UserProfile.tsx b/web/src/pages/UserProfile.tsx
index 52e88a09..22fac6dc 100644
--- a/web/src/pages/UserProfile.tsx
+++ b/web/src/pages/UserProfile.tsx
@@ -133,7 +133,7 @@ const UserProfile = () => {
               </div>
               <MemoFilter className="px-2 pb-3" />
               {sortedMemos.map((memo) => (
-                <MemoView key={`${memo.name}-${memo.displayTime}`} memo={memo} showVisibility showPinned />
+                <MemoView key={`${memo.name}-${memo.displayTime}`} memo={memo} showVisibility showPinned compact />
               ))}
               {isRequesting ? (
                 <div className="flex flex-row justify-center items-center w-full my-4 text-gray-400">