diff --git a/Timeline/ClientApp/src/index.sass b/Timeline/ClientApp/src/index.sass
index 4ba38aa11..862767014 100644
--- a/Timeline/ClientApp/src/index.sass
+++ b/Timeline/ClientApp/src/index.sass
@@ -81,3 +81,6 @@ textarea
   display: flex
   justify-content: center
   align-items: center
+
+.text-orange
+  color: $orange
diff --git a/Timeline/ClientApp/src/timeline/TimelinePageTemplateUI.tsx b/Timeline/ClientApp/src/timeline/TimelinePageTemplateUI.tsx
index 6c03f9e87..cc5bf509b 100644
--- a/Timeline/ClientApp/src/timeline/TimelinePageTemplateUI.tsx
+++ b/Timeline/ClientApp/src/timeline/TimelinePageTemplateUI.tsx
@@ -175,7 +175,7 @@ export default function TimelinePageTemplateUI<
                   newState.toString()
                 );
               }}
-              className="float-right m-1 info-card-collapse-button"
+              className="float-right m-1 info-card-collapse-button text-orange"
             />
             <CardComponent
               timeline={timeline}