Change chevron for checklist items

Setting to be consistent with asset list and other parts of the app
StatTag · Nov 22, 2024 · b06ac0e · b06ac0e
1 parent 7d67295
commit b06ac0e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/components/ReproChecklist/ChecklistItem/ChecklistItem.js b/app/components/ReproChecklist/ChecklistItem/ChecklistItem.js
@@ -11,7 +11,7 @@ import {
   DialogContentText,
   DialogTitle,
 } from '@mui/material';
-import { FaFolderOpen, FaFolderMinus, FaChevronUp, FaChevronDown } from 'react-icons/fa';
+import { FaFolderOpen, FaFolderMinus, FaChevronRight, FaChevronDown } from 'react-icons/fa';
 import AssetTree from '../../AssetTree/AssetTree';
 import AssetUtil from '../../../utils/asset';
 import ProjectUtil from '../../../utils/project';
@@ -197,9 +197,9 @@ function ChecklistItem(props) {
           <div className={styles.statementHeader}>
             <button className={styles.expandButton}>
               {expanded ? (
-                <FaChevronUp className={styles.chevron} onClick={() => setExpanded(false)} />
+                <FaChevronDown className={styles.chevron} onClick={() => setExpanded(false)} />
               ) : (
-                <FaChevronDown className={styles.chevron} onClick={() => setExpanded(true)} />
+                <FaChevronRight className={styles.chevron} onClick={() => setExpanded(true)} />
               )}
             </button>
             <span className={styles.statement}>