...

1 files changed, 11 insertions, 7 deletions

diff --git a/FrontEnd/src/pages/timeline/CollapseButton.tsx b/FrontEnd/src/pages/timeline/CollapseButton.tsx
index 8270e160..14fc6bee 100644
--- a/FrontEnd/src/pages/timeline/CollapseButton.tsx
+++ b/FrontEnd/src/pages/timeline/CollapseButton.tsx
@@ -1,21 +1,25 @@
-import * as React from "react";
+import { CSSProperties } from "react";
 
 import IconButton from "@/views/common/button/IconButton";
 
-const CollapseButton: React.FC<{
+export default function CollapseButton({
+  collapse,
+  onClick,
+  className,
+  style,
+}: {
   collapse: boolean;
   onClick: () => void;
   className?: string;
-  style?: React.CSSProperties;
-}> = ({ collapse, onClick, className, style }) => {
+  style?: CSSProperties;
+}) {
   return (
     <IconButton
+      color="primary"
       icon={collapse ? "arrows-angle-expand" : "arrows-angle-contract"}
       onClick={onClick}
       className={className}
       style={style}
     />
   );
-};
-
-export default CollapseButton;
+}