diff --git a/web/src/components/MemoDisplaySettingMenu.tsx b/web/src/components/MemoDisplaySettingMenu.tsx
index ee855d99..cb4e1e04 100644
--- a/web/src/components/MemoDisplaySettingMenu.tsx
+++ b/web/src/components/MemoDisplaySettingMenu.tsx
@@ -38,7 +38,7 @@ const MemoDisplaySettingMenu = observer(({ className }: Props) => {
             </Select>
           </div>
           <div className="w-full flex flex-row justify-between items-center">
-            <span className="text-sm shrink-0 mr-3">Masonry View</span>
+            <span className="text-sm shrink-0 mr-3">{t("memo.masonry-view")}</span>
             <Switch checked={memoFilterStore.masonry} onChange={(event) => memoFilterStore.setMasonry(event.target.checked)} />
           </div>
         </div>
diff --git a/web/src/locales/en.json b/web/src/locales/en.json
index 379e1b03..0bd69290 100644
--- a/web/src/locales/en.json
+++ b/web/src/locales/en.json
@@ -143,7 +143,8 @@
     "direction-asc": "Ascending",
     "no-memos": "No memos.",
     "click-to-show-nsfw-content": "Click to show NSFW contnet",
-    "click-to-hide-nsfw-content": "Click to hide NSFW content"
+    "click-to-hide-nsfw-content": "Click to hide NSFW content",
+    "masonry-view": "Masonry View"
   },
   "message": {
     "archived-successfully": "Archived successfully",
diff --git a/web/src/locales/zh-Hans.json b/web/src/locales/zh-Hans.json
index 77c86dfc..72c01271 100644
--- a/web/src/locales/zh-Hans.json
+++ b/web/src/locales/zh-Hans.json
@@ -139,7 +139,8 @@
     "direction-asc": "正序",
     "no-memos": "无备忘",
     "click-to-show-nsfw-content": "点击显示 NSFW 内容",
-    "click-to-hide-nsfw-content": "点击隐藏 NSFW 内容"
+    "click-to-hide-nsfw-content": "点击隐藏 NSFW 内容",
+    "masonry-view": "砖块视图"
   },
   "message": {
     "archived-successfully": "归档成功",