From 881df5583805c584a2d3e2c14acddeee3f2ef381 Mon Sep 17 00:00:00 2001
From: Anh <anh.tran@9dots.org>
Date: Fri, 3 Oct 2025 14:28:19 -0700
Subject: [PATCH] FAQ - updated expanded container border color to use linkBlue

---
 client/src/components/Faq/Faq.jsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/client/src/components/Faq/Faq.jsx b/client/src/components/Faq/Faq.jsx
index 679f60f69..5d12e82b1 100644
--- a/client/src/components/Faq/Faq.jsx
+++ b/client/src/components/Faq/Faq.jsx
@@ -1,12 +1,12 @@
 import React, { useCallback, useEffect, useState } from "react";
 import PropTypes from "prop-types";
-import { createUseStyles } from "react-jss";
+import { createUseStyles, useTheme } from "react-jss";
 
 import { Question } from "./Question";
 import { FaqButtonContainer } from "./FaqButtonContainer";
 import { Answer } from "./Answer";
 
-const useStyles = createUseStyles({
+const useStyles = createUseStyles(theme => ({
   faqContainer: {
     display: "flex",
     flexDirection: "column"
@@ -24,7 +24,7 @@ const useStyles = createUseStyles({
     alignItems: "top",
     minHeight: "2em",
     padding: 4,
-    border: "2px solid #a6c439"
+    border: `2px solid ${theme.colors.secondary.linkBlue}`
   },
   faqPlusMinusIcons: {
     display: "flex",
@@ -40,7 +40,7 @@ const useStyles = createUseStyles({
     marginRight: "0.5em",
     flex: "0 0 auto"
   }
-});
+}));
 
 const Faq = props => {
   const {
@@ -52,7 +52,8 @@ const Faq = props => {
     handleEditFAQ,
     handleDeleteFAQ
   } = props;
-  const classes = useStyles();
+  const theme = useTheme();
+  const classes = useStyles(theme);
   const [answer, setAnswer] = useState(faq.answer);
   const [question, setQuestion] = useState(faq.question);
   const [isEditAnswer, setIsEditAnswer] = useState(false);