From c6e51313d319087c52f4d57d963772cd3117e44b Mon Sep 17 00:00:00 2001
From: Robin Tail <robin_tail@me.com>
Date: Fri, 27 Dec 2024 13:54:32 +0100
Subject: [PATCH] Enfornce symbols class in icon.

---
 frontend/src/TimeSliders.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/TimeSliders.tsx b/frontend/src/TimeSliders.tsx
index d44eca6d..72630ec5 100644
--- a/frontend/src/TimeSliders.tsx
+++ b/frontend/src/TimeSliders.tsx
@@ -79,7 +79,9 @@ export const TimeSliders = (props: TimeSlidersOptions) => {
           placement={isXS ? "top" : "right"}
           sx={{ ml: 1 }}
         >
-          <Icon>info</Icon>
+          <Icon fontSize="small" className="material-symbols-outlined">
+            info
+          </Icon>
         </Tooltip>
       </Typography>
       <Slider