diff --git a/web/src/components/MemoContent/index.tsx b/web/src/components/MemoContent/index.tsx
index f64878e8..f5b2918c 100644
--- a/web/src/components/MemoContent/index.tsx
+++ b/web/src/components/MemoContent/index.tsx
@@ -68,7 +68,7 @@ const MemoContent: React.FC<Props> = (props: Props) => {
           embeddedMemos: embeddedMemos || new Set(),
         }}
       >
-        <div className={`w-full flex flex-col justify-start items-start text-gray-800 dark:text-gray-300 ${className || ""}`}>
+        <div className={`w-full flex flex-col justify-start items-start text-gray-800 dark:text-gray-400 ${className || ""}`}>
           <div
             ref={memoContentContainerRef}
             className={classNames(
diff --git a/web/src/components/MemoView.tsx b/web/src/components/MemoView.tsx
index 622d2114..fe05c33a 100644
--- a/web/src/components/MemoView.tsx
+++ b/web/src/components/MemoView.tsx
@@ -100,7 +100,10 @@ const MemoView: React.FC<Props> = (props: Props) => {
                     {creator.nickname || creator.username}
                   </span>
                 </Link>
-                <div className="w-auto -mt-0.5 text-xs leading-tight text-gray-400 select-none" onClick={handleGotoMemoDetailPage}>
+                <div
+                  className="w-auto -mt-0.5 text-xs leading-tight text-gray-400 dark:text-gray-500 select-none"
+                  onClick={handleGotoMemoDetailPage}
+                >
                   <relative-time datetime={memo.displayTime?.toISOString()} format={relativeTimeFormat} tense="past"></relative-time>
                 </div>
               </div>
diff --git a/web/src/components/PersonalStatistics.tsx b/web/src/components/PersonalStatistics.tsx
index f923d81a..b3175dae 100644
--- a/web/src/components/PersonalStatistics.tsx
+++ b/web/src/components/PersonalStatistics.tsx
@@ -3,6 +3,7 @@ import { memoServiceClient } from "@/grpcweb";
 import { useTagStore } from "@/store/module";
 import { useMemoStore } from "@/store/v1";
 import { User } from "@/types/proto/api/v2/user_service";
+import { useTranslate } from "@/utils/i18n";
 import Icon from "./Icon";
 
 interface Props {
@@ -11,6 +12,7 @@ interface Props {
 
 const PersonalStatistics = (props: Props) => {
   const { user } = props;
+  const t = useTranslate();
   const tagStore = useTagStore();
   const memoStore = useMemoStore();
   const [memoAmount, setMemoAmount] = useState(0);
@@ -37,25 +39,25 @@ const PersonalStatistics = (props: Props) => {
 
   return (
     <div className="w-full border mt-2 py-2 px-3 rounded-md space-y-0.5 text-gray-500 dark:text-gray-400 bg-zinc-50 dark:bg-zinc-900 dark:border-zinc-800">
-      <p className="text-sm font-medium">Statistics</p>
+      <p className="text-sm font-medium dark:text-gray-500">{t("common.statistics")}</p>
       <div className="w-full flex justify-between items-center">
         <div className="w-full flex justify-start items-center">
           <Icon.CalendarDays className="w-4 h-auto mr-1" />
-          <span className="block text-base sm:text-sm">Days</span>
+          <span className="block text-base sm:text-sm">{t("common.days")}</span>
         </div>
         <span className="font-mono">{days}</span>
       </div>
       <div className="w-full flex justify-between items-center">
         <div className="w-full flex justify-start items-center">
           <Icon.Library className="w-4 h-auto mr-1" />
-          <span className="block text-base sm:text-sm">Memos</span>
+          <span className="block text-base sm:text-sm">{t("common.memos")}</span>
         </div>
         {isRequesting ? <Icon.Loader className="animate-spin w-4 h-auto text-gray-400" /> : <span className="font-mono">{memoAmount}</span>}
       </div>
       <div className="w-full flex justify-between items-center">
         <div className="w-full flex justify-start items-center">
           <Icon.Hash className="w-4 h-auto mr-1" />
-          <span className="block text-base sm:text-sm">Tags</span>
+          <span className="block text-base sm:text-sm">{t("common.tags")}</span>
         </div>
         <span className="font-mono">{tags}</span>
       </div>
diff --git a/web/src/locales/en.json b/web/src/locales/en.json
index e5aaf4d2..4967dfa2 100644
--- a/web/src/locales/en.json
+++ b/web/src/locales/en.json
@@ -61,7 +61,10 @@
     "inbox": "Inbox",
     "search": "Search",
     "role": "Role",
-    "description": "Description"
+    "description": "Description",
+    "statistics": "Statistics",
+    "days": "Days",
+    "memos": "Memos"
   },
   "router": {
     "go-to-home": "Go to Home",
diff --git a/web/src/locales/zh-Hans.json b/web/src/locales/zh-Hans.json
index cdf1d151..4645458f 100644
--- a/web/src/locales/zh-Hans.json
+++ b/web/src/locales/zh-Hans.json
@@ -69,7 +69,7 @@
     "sign-in-with": "使用 {{provider}} 登录",
     "sign-out": "退出登录",
     "sign-up": "注册",
-    "tags": "全部标签",
+    "tags": "标签",
     "title": "标题",
     "type": "类型",
     "unpin": "取消置顶",