diff --git a/src/components/DevconGrantsBanner.tsx b/src/components/DevconGrantsBanner.tsx
index 8548eb55a87..b9c8be6e3ff 100644
--- a/src/components/DevconGrantsBanner.tsx
+++ b/src/components/DevconGrantsBanner.tsx
@@ -1,8 +1,7 @@
-import { Text } from "@chakra-ui/react"
-
 import DismissableBanner from "@/components/Banners/DismissableBanner"
 import Emoji from "@/components/Emoji"
-import Link from "@/components/Link"
+
+import { BaseLink } from "./ui/Link"
 
 type DevconGrantsBannerProps = {
   pathname: string
@@ -12,14 +11,14 @@ const DevconGrantsBanner = ({ pathname }: DevconGrantsBannerProps) => {
   if (pathname.includes("community") && pathname.includes("events")) {
     return (
       <DismissableBanner storageKey="devconGrants">
-        <Text m={0}>
+        <p>
           The Road to Devcon Grants support Ethereum education initiatives in
           and close to Southeast Asia <Emoji text="🦄" /> <Emoji text="🌏" />{" "}
           Learn more{" "}
-          <Link href="https://esp.ethereum.foundation/devcon-grants">
+          <BaseLink href="https://esp.ethereum.foundation/devcon-grants">
             here.
-          </Link>
-        </Text>
+          </BaseLink>
+        </p>
       </DismissableBanner>
     )
   }