1 files changed, 8 insertions, 4 deletions
diff --git a/FrontEnd/src/views/center/TimelineBoard.tsx b/FrontEnd/src/views/center/TimelineBoard.tsx
index 45b4a8a5..7ff4e0a4 100644
--- a/FrontEnd/src/views/center/TimelineBoard.tsx
+++ b/FrontEnd/src/views/center/TimelineBoard.tsx
@@ -9,6 +9,7 @@ import LoadFailReload from "../common/LoadFailReload";
 import FlatButton from "../common/button/FlatButton";
 import Card from "../common/Card";
 import Spinner from "../common/Spinner";
+import IconButton from "../common/button/IconButton";
 
 interface TimelineBoardItemProps {
   timeline: TimelineBookmark;
@@ -42,12 +43,15 @@ const TimelineBoardItem: React.FC<TimelineBoardItemProps> = ({
       <span className="flex-grow-1"></span>
       {actions != null ? (
         <div className="right">
-          <i
-            className="bi-trash icon-button cru-color-danger px-2"
+          <IconButton
+            icon="trash"
+            color="danger"
+            className="px-2"
             onClick={actions.onDelete}
           />
-          <i
-            className="bi-grip-vertical icon-button px-2 touch-action-none"
+          <IconButton
+            icon="grip-vertical"
+            className="px-2 touch-action-none"
             onPointerDown={(e) => {
               e.currentTarget.setPointerCapture(e.pointerId);
               actions.onMove.start(e);