From 7976a4ab0b9f32c62928c0089e49e70a7db2e1e6 Mon Sep 17 00:00:00 2001
From: sophiamersmann <sophia.mersmann1@gmail.com>
Date: Mon, 29 Jan 2024 08:45:40 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20(gdocs)=20add=20icon=20on=20mobile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/gdocs/components/KeyIndicator.scss | 5 +++++
 site/gdocs/components/KeyIndicator.tsx  | 3 +++
 2 files changed, 8 insertions(+)

diff --git a/site/gdocs/components/KeyIndicator.scss b/site/gdocs/components/KeyIndicator.scss
index 7c509e019fc..151afe23b6f 100644
--- a/site/gdocs/components/KeyIndicator.scss
+++ b/site/gdocs/components/KeyIndicator.scss
@@ -93,5 +93,10 @@
         @include sm-up {
             display: none;
         }
+
+        svg {
+            font-size: 0.75rem;
+            margin-left: 8px;
+        }
     }
 }
diff --git a/site/gdocs/components/KeyIndicator.tsx b/site/gdocs/components/KeyIndicator.tsx
index 97c12f64028..90d8ed1d312 100644
--- a/site/gdocs/components/KeyIndicator.tsx
+++ b/site/gdocs/components/KeyIndicator.tsx
@@ -1,5 +1,7 @@
 import React from "react"
 import cx from "classnames"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome/index.js"
+import { faArrowRight } from "@fortawesome/free-solid-svg-icons"
 
 import {
     EnrichedBlockKeyIndicator,
@@ -111,6 +113,7 @@ export default function KeyIndicator({
                 href={d.datapageUrl}
             >
                 Explore and learn more about this data
+                <FontAwesomeIcon icon={faArrowRight} />
             </a>
         </div>
     )