diff --git a/src/components/CollapsibleArrow/CollapsibleArrow.tsx b/src/components/CollapsibleArrow/CollapsibleArrow.tsx
index 7922c68..3bb24a1 100644
--- a/src/components/CollapsibleArrow/CollapsibleArrow.tsx
+++ b/src/components/CollapsibleArrow/CollapsibleArrow.tsx
@@ -24,7 +24,7 @@ export const CollapsibleArrow = ({direction, onClick, stroke = 2}: CollapsibleAr
       className={style}
       onClick={onClick}
     >
-      <path d="M1 1L5.28326 8.50159C5.6627 9.16614 6.3373 9.16614 6.71674 8.50159L11 1" stroke="#426156"
+      <path d="M1 1L5.28326 8.50159C5.6627 9.16614 6.3373 9.16614 6.71674 8.50159L11 1" stroke="var(--base-color)"
             strokeWidth={stroke} />
     </svg>
   )