diff --git a/frontend/src/components/ModuleInput/index.tsx b/frontend/src/components/ModuleInput/index.tsx
index e4b32d2e..24d7e819 100644
--- a/frontend/src/components/ModuleInput/index.tsx
+++ b/frontend/src/components/ModuleInput/index.tsx
@@ -16,7 +16,7 @@ export function ModuleInput({
 }: ModuleInputProps) {
   return (
     <li>
-      <h4 id={name} className="group scroll-mt-24">
+      <h4 id={name} className="group scroll-mt-5">
         {name}{" "}
         <code className="text-mono text-sm text-purple-700 dark:text-purple-300">
           ({type})
diff --git a/frontend/src/components/ModuleOutput/index.tsx b/frontend/src/components/ModuleOutput/index.tsx
index eeed8d9b..0728fe59 100644
--- a/frontend/src/components/ModuleOutput/index.tsx
+++ b/frontend/src/components/ModuleOutput/index.tsx
@@ -9,7 +9,7 @@ interface ModuleOutputProps {
 export function ModuleOutput({ name, description }: ModuleOutputProps) {
   return (
     <li>
-      <h4 id={name} className="group scroll-mt-24">
+      <h4 id={name} className="group scroll-mt-5">
         {name}
         <HeadingLink id={name} label={`${name} output`} />
       </h4>