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