diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/TimelineItem/TimelineItem.tsx b/packages/logos-docusaurus-theme/src/client/components/mdx/TimelineItem/TimelineItem.tsx
index e886b50..cdaef6e 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/TimelineItem/TimelineItem.tsx
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/TimelineItem/TimelineItem.tsx
@@ -109,7 +109,7 @@ export const TimelineItem: React.FC<TimelineItemProps> = ({
             <div className={clsx('mdx-timeline-item__border')} />
           )}
           <Typography
-            variant="subtitle1"
+            variant="subtitle2"
             component="span"
             className={clsx(
               'mdx-timeline-item__period',
@@ -120,7 +120,7 @@ export const TimelineItem: React.FC<TimelineItemProps> = ({
           </Typography>
         </div>
         <Typography
-          variant="h3"
+          variant="h2"
           component="span"
           className="mdx-timeline-item__index"
         >