diff --git a/front_end/src/app/(main)/(tournaments)/tournament/components/header_block_info.tsx b/front_end/src/app/(main)/(tournaments)/tournament/components/header_block_info.tsx
index df2823026f..d3fbe561ec 100644
--- a/front_end/src/app/(main)/(tournaments)/tournament/components/header_block_info.tsx
+++ b/front_end/src/app/(main)/(tournaments)/tournament/components/header_block_info.tsx
@@ -24,7 +24,13 @@ const HeaderBlockInfo: FC<Props> = async ({ tournament }) => {
         </Suspense>
       );
     case TournamentType.Index:
-      return <IndexHeaderBlock tournament={tournament} />;
+      return (
+        <Suspense fallback={<Skeleton />}>
+          <IndexHeaderBlock tournament={tournament}>
+            <TournamentTimeline tournament={tournament} />
+          </IndexHeaderBlock>
+        </Suspense>
+      );
     default:
       return (
         <div className="flex flex-wrap gap-x-9 gap-y-4 py-4">
diff --git a/front_end/src/app/(main)/(tournaments)/tournament/components/index/index_header_block.tsx b/front_end/src/app/(main)/(tournaments)/tournament/components/index/index_header_block.tsx
index 293f556df2..4219505b67 100644
--- a/front_end/src/app/(main)/(tournaments)/tournament/components/index/index_header_block.tsx
+++ b/front_end/src/app/(main)/(tournaments)/tournament/components/index/index_header_block.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useTranslations } from "next-intl";
-import { useMemo, useState } from "react";
+import { ReactNode, useMemo, useState } from "react";
 
 import FanChart from "@/components/charts/fan_chart";
 import ButtonGroup, { GroupButton } from "@/components/ui/button_group";
@@ -26,9 +26,10 @@ type YearTab = "overview" | string;
 
 type Props = {
   tournament: Tournament;
+  children?: ReactNode;
 };
 
-export default function IndexHeaderBlock({ tournament }: Props) {
+export default function IndexHeaderBlock({ tournament, children }: Props) {
   const t = useTranslations();
   const idx = tournament.index_data;
 
@@ -134,6 +135,8 @@ export default function IndexHeaderBlock({ tournament }: Props) {
             max={idx?.max ?? null}
           />
         )}
+
+        {children ? <div className="mt-4 sm:mt-5">{children}</div> : null}
       </div>
     </div>
   );