From 9eefbacc7482ae9b27aa14a4411df01efcd6b8fd Mon Sep 17 00:00:00 2001
From: mattystank <32516464+mattystank@users.noreply.github.com>
Date: Thu, 6 Jun 2024 13:35:17 -0400
Subject: [PATCH] fix: color of links in ankle (#72)

Co-authored-by: Matthew Stankiewicz <stankm@pointclickcare.com>
---
 src/components/shared/Ankle.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/shared/Ankle.tsx b/src/components/shared/Ankle.tsx
index acd88d05..74d66c26 100644
--- a/src/components/shared/Ankle.tsx
+++ b/src/components/shared/Ankle.tsx
@@ -1,3 +1,4 @@
+import palette from '@/styles/palette'
 import { Box, Container, Typography } from '@mui/material'
 import Link from 'next/link'
 
@@ -10,16 +11,19 @@ export default function Ankle() {
         </Typography>
         <Typography variant="body1" color="#fff">
           Please checkout our{' '}
-          <Link color="secondary" href="/faqs" passHref>
+          <Link style={{ color: palette.white }} href="/faqs" passHref>
             FAQs
-          </Link>{', '}
-          <Link color="secondary" href="/docs-and-vids" passHref>
+          </Link>
+          {', '}
+          <Link style={{ color: palette.white }} href="/docs-and-vids" passHref>
             Documentation &amp; Videos
-          </Link>{', '}
+          </Link>
+          {', '}
           or{' '}
-          <Link color="secondary" href="/archived" passHref>
+          <Link style={{ color: palette.white }} href="/archived" passHref>
             Archived
-          </Link>{' section '}
+          </Link>
+          {' section '}
           for more details.
         </Typography>
       </Container>