From 943f8d4423b3c043c45fef73f0286ed28f5217a2 Mon Sep 17 00:00:00 2001
From: devinleighsmith <devinleighsmith@gmail.com>
Date: Tue, 9 Jul 2024 16:35:02 -0700
Subject: [PATCH] add link icon to help modal.

---
 .../src/features/help/containers/HelpContainer.tsx         | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/source/frontend/src/features/help/containers/HelpContainer.tsx b/source/frontend/src/features/help/containers/HelpContainer.tsx
index a8b7709a67..2d1cf590c1 100644
--- a/source/frontend/src/features/help/containers/HelpContainer.tsx
+++ b/source/frontend/src/features/help/containers/HelpContainer.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 import Nav from 'react-bootstrap/Nav';
-import { FaQuestionCircle } from 'react-icons/fa';
+import { FaExternalLinkAlt, FaQuestionCircle } from 'react-icons/fa';
 import styled from 'styled-components';
 
 import { H3 } from '@/components/common/styles';
@@ -80,7 +80,7 @@ export function HelpContainer() {
                     application. You can also watch the video demos.
                   </p>
                   <LinkStyled target="_blank" href={pimsTrainingResourceUrl}>
-                    PIMS Resources
+                    PIMS Resources <FaExternalLinkAlt />
                   </LinkStyled>
                   <hr />
                   <HelpModalContentContainer setMailto={setMailto} />
@@ -132,6 +132,9 @@ const H3Styled = styled(H3)`
 
 const LinkStyled = styled.a`
   margin-bottom: 16px;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
 `;
 
 const StyledConfirmationText = styled.p`