diff --git a/web/pages/about.tsx b/web/pages/about.tsx
index 9d3d742d..b5e5bb12 100644
--- a/web/pages/about.tsx
+++ b/web/pages/about.tsx
@@ -128,12 +128,12 @@ export default function About() {
                   <h5 id="donate" className="font-bold mb-4 text-xl text-center">Donate</h5>
                   <p className="mb-4 text-center custom-link">Support our not-for-profit infrastructure.</p>
                   <div className="flex flex-col gap-4 w-full items-center">
-                    <a
+                    <Link
                       href="/support"
                       className="px-6 py-2 rounded-full bg-gray-200 text-gray-800 font-semibold text-lg shadow hover:bg-gray-300 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 transition text-center"
                     >
                       Donation Options
-                    </a>
+                    </Link>
                     {/*<a*/}
                     {/*  href="https://patreon.com/CompassMeet"*/}
                     {/*  className="px-6 py-2 rounded-full bg-gray-200 text-gray-800 font-semibold text-lg shadow hover:bg-gray-300 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 transition text-center"*/}