diff --git a/components/Footnotes/FootnoteItemLayout.tsx b/components/Footnotes/FootnoteItemLayout.tsx
index 140e3571..72c60528 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-xs leading-normal no-underline hover:underline cursor-pointer";
+    "text-tertiary font-medium shrink-0 text-sm leading-normal no-underline hover:underline cursor-pointer";
 
   let indexContent = <>{props.index}.</>;
 
   return (
     <div
       id={props.id}
-      className={`footnote-item flex items-start gap-2 text-xs 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}>
diff --git a/components/Footnotes/FootnoteSideColumnLayout.tsx b/components/Footnotes/FootnoteSideColumnLayout.tsx
index 0fac2ddd..ae9007ba 100644
--- a/components/Footnotes/FootnoteSideColumnLayout.tsx
+++ b/components/Footnotes/FootnoteSideColumnLayout.tsx
@@ -169,7 +169,7 @@ function SideItem(props: {
     <div
       ref={ref}
       data-footnote-side-id={props.id}
-      className={`absolute left-0 right-0 text-xs footnote-side-enter footnote-side-item${overflows ? " has-overflow" : ""}${isFocused ? " footnote-side-focused" : ""}`}
+      className={`absolute left-0 right-0 text-sm footnote-side-enter footnote-side-item${overflows ? " has-overflow" : ""}${isFocused ? " footnote-side-focused" : ""}`}
       style={{ top: props.top }}
     >
       {props.children}