diff --git a/src/utility/ScrollableLink.tsx b/src/utility/ScrollableLink.tsx
index 25ff5e6..7c15685 100644
--- a/src/utility/ScrollableLink.tsx
+++ b/src/utility/ScrollableLink.tsx
@@ -18,7 +18,8 @@ const ScrollableLink = (props: PropsWithChildren<ScrollableLinkProps>) => {
         offset: props.offset,
         smooth: true,
       });
-  }, [props.duration, props.offset, props.to]);
+    if (props.onClick) props.onClick();
+  }, [props.duration, props.offset, props.to, props.onClick]);
 
   return (
     <Link href={props.href} onClick={handleClick}>