diff --git a/web/src/components/MasonryView/MasonryColumn.tsx b/web/src/components/MasonryView/MasonryColumn.tsx
index 9876435f2..4fbc19dc1 100644
--- a/web/src/components/MasonryView/MasonryColumn.tsx
+++ b/web/src/components/MasonryView/MasonryColumn.tsx
@@ -8,11 +8,12 @@ export function MasonryColumn({
   renderContext,
   onHeightChange,
   isFirstColumn,
+  listMode,
   prefixElement,
   prefixElementRef,
 }: MasonryColumnProps) {
   return (
-    <div className="min-w-0 mx-auto w-full max-w-2xl">
+    <div className={listMode ? "min-w-0 w-full" : "min-w-0 mx-auto w-full max-w-2xl"}>
       {/* Prefix element (like memo editor) goes in first column */}
       {isFirstColumn && prefixElement && <div ref={prefixElementRef}>{prefixElement}</div>}
 
diff --git a/web/src/components/MasonryView/MasonryView.tsx b/web/src/components/MasonryView/MasonryView.tsx
index f20067b16..f94c49b24 100644
--- a/web/src/components/MasonryView/MasonryView.tsx
+++ b/web/src/components/MasonryView/MasonryView.tsx
@@ -36,6 +36,7 @@ const MasonryView = ({ memoList, renderer, prefixElement, listMode = false }: Ma
           renderContext={renderContext}
           onHeightChange={handleHeightChange}
           isFirstColumn={columnIndex === 0}
+          listMode={listMode}
           prefixElement={prefixElement}
           prefixElementRef={prefixElementRef}
         />
diff --git a/web/src/components/MasonryView/types.ts b/web/src/components/MasonryView/types.ts
index 862ea4ddd..7810049e7 100644
--- a/web/src/components/MasonryView/types.ts
+++ b/web/src/components/MasonryView/types.ts
@@ -26,6 +26,7 @@ export interface MasonryColumnProps {
   renderContext: MemoRenderContext;
   onHeightChange: (memoName: string, height: number) => void;
   isFirstColumn: boolean;
+  listMode?: boolean;
   prefixElement?: JSX.Element;
   prefixElementRef?: React.RefObject<HTMLDivElement>;
 }