From c42d106c44fbf4f3c74b6fb2e274a3006844df57 Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Fri, 1 May 2026 19:40:48 -0400
Subject: [PATCH] fix footnote alignment

---
 components/Footnotes/FootnoteItemLayout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Footnotes/FootnoteItemLayout.tsx b/components/Footnotes/FootnoteItemLayout.tsx
index 72c60528..0abfdf7b 100644
--- a/components/Footnotes/FootnoteItemLayout.tsx
+++ b/components/Footnotes/FootnoteItemLayout.tsx
@@ -10,14 +10,14 @@ export function FootnoteItemLayout(props: {
   className?: string;
 }) {
   let indexClassName =
-    "text-tertiary font-medium shrink-0 text-sm leading-normal no-underline hover:underline cursor-pointer";
+    "text-tertiary font-medium shrink-0 text-sm leading-normal no-underline hover:underline cursor-pointer w-7 text-right";
 
   let indexContent = <>{props.index}.</>;
 
   return (
     <div
       id={props.id}
-      className={`footnote-item flex items-start gap-2 text-sm group/footnote ${props.className ?? ""}`}
+      className={`footnote-item flex items-start gap-2 text-sm group/footnote${props.className ?? ""}`}
     >
       {props.indexHref ? (
         <a href={props.indexHref} className={indexClassName}>
-- 
2.51.2