diff --git a/src/app/timeline/page.tsx b/src/app/timeline/page.tsx
index e7c907eba7..2f76c07fff 100644
--- a/src/app/timeline/page.tsx
+++ b/src/app/timeline/page.tsx
@@ -16,7 +16,7 @@ import { Divider } from '~/components/ui/divider'
 import { TimelineList } from '~/components/ui/list/TimelineList'
 import { BottomToUpSoftScaleTransitionView } from '~/components/ui/transition/BottomToUpSoftScaleTransitionView'
 import { PeekLink } from '~/components/widgets/peek/PeekLink'
-import { TimelinProgress } from '~/components/widgets/timeline/TimelineProgress'
+import { TimelineProgress } from '~/components/widgets/timeline/TimelineProgress'
 import { apiClient } from '~/lib/request'
 import { springScrollToElement } from '~/lib/scroller'
 
@@ -183,7 +183,7 @@ export default function TimelinePage() {
         {!memory && (
           <>
             <Divider className="my-8 w-[80px]" />
-            <TimelinProgress />
+            <TimelineProgress />
             <p>活在当下，珍惜眼下</p>
           </>
         )}
diff --git a/src/components/widgets/timeline/TimelineProgress.tsx b/src/components/widgets/timeline/TimelineProgress.tsx
index 80a74090d3..4c96442e77 100644
--- a/src/components/widgets/timeline/TimelineProgress.tsx
+++ b/src/components/widgets/timeline/TimelineProgress.tsx
@@ -11,7 +11,7 @@ import {
 } from '~/lib/datetime'
 
 const PROGRESS_DURATION = 2
-export const TimelinProgress = () => {
+export const TimelineProgress = () => {
   const [percentOfYear, setPercentYear] = useState(0)
   const [percentOfDay, setPercentDay] = useState(0)
   const [currentYear, setCurrentYear] = useState(new Date().getFullYear())