From 7c835a5da755ecf2fbd4d5691167922339dc63e4 Mon Sep 17 00:00:00 2001
From: shivanshiv <shivanshi.visvanatha@ucalgary.ca>
Date: Mon, 24 Nov 2025 03:05:59 -0700
Subject: [PATCH] Fixes #63

---
 src/components/HoverButton/HoverButton.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/HoverButton/HoverButton.tsx b/src/components/HoverButton/HoverButton.tsx
index 9471876..371b5fe 100644
--- a/src/components/HoverButton/HoverButton.tsx
+++ b/src/components/HoverButton/HoverButton.tsx
@@ -56,9 +56,14 @@ const HoverButton = (props: HoverButtonProps) => {
     );
   }
   return (
-    <div className="transition duration-300 ease-in-out hover:-translate-y-1 md:m-[5px] md:flex md:items-center md:justify-center md:hover:transform-none">
+    <a
+      className="transition duration-300 ease-in-out hover:-translate-y-1 md:m-[5px] md:flex md:items-center md:justify-center md:hover:transform-none"
+      href={props.link}
+      rel="noreferrer"
+      target="_blank"
+    >
       {HoverButtonComponent(props)}
-    </div>
+    </a>
   );
 };