diff --git a/web/src/components/MemoDisplaySettingMenu.tsx b/web/src/components/MemoDisplaySettingMenu.tsx
index 249325a1..a4628d63 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">Layout</span>
+            <span className="text-sm shrink-0 mr-3">{t("memo.layout")}</span>
             <Select
               value={viewStore.state.layout}
               onChange={(_, value) =>
@@ -47,8 +47,8 @@ const MemoDisplaySettingMenu = observer(({ className }: Props) => {
                 })
               }
             >
-              <Option value={"LIST"}>{"List"}</Option>
-              <Option value={"MASONRY"}>{"Masonry"}</Option>
+              <Option value={"LIST"}>{t("memo.list")}</Option>
+              <Option value={"MASONRY"}>{t("memo.masonry")}</Option>
             </Select>
           </div>
         </div>
diff --git a/web/src/locales/en.json b/web/src/locales/en.json
index 77ec0ab8..8b482a67 100644
--- a/web/src/locales/en.json
+++ b/web/src/locales/en.json
@@ -160,7 +160,10 @@
       "private": "Private",
       "protected": "Workspace",
       "public": "Public"
-    }
+    },
+    "layout": "Layout",
+    "list": "List",
+    "masonry": "Masonry"
   },
   "message": {
     "archived-successfully": "Archived successfully",
diff --git a/web/src/locales/zh-Hans.json b/web/src/locales/zh-Hans.json
index 2f9d084e..26b4fd75 100644
--- a/web/src/locales/zh-Hans.json
+++ b/web/src/locales/zh-Hans.json
@@ -156,7 +156,10 @@
       "private": "私有",
       "protected": "工作区",
       "public": "公开"
-    }
+    },
+    "layout": "布局",
+    "list": "列表模式",
+    "masonry": "瀑布流模式"
   },
   "message": {
     "archived-successfully": "归档成功",