From 6ad146f67e627f042673e565567e9c14d9ae3159 Mon Sep 17 00:00:00 2001
From: Damian Stasik <920747+damianstasik@users.noreply.github.com>
Date: Thu, 5 Sep 2024 14:31:41 +0200
Subject: [PATCH] Use correct scroll margins for module input and output
 headings

Signed-off-by: Damian Stasik <920747+damianstasik@users.noreply.github.com>
---
 frontend/src/components/ModuleInput/index.tsx  | 2 +-
 frontend/src/components/ModuleOutput/index.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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>