diff --git a/apps/google-analytics-4/frontend/src/components/main-app/LineChart/LineChart.tsx b/apps/google-analytics-4/frontend/src/components/main-app/LineChart/LineChart.tsx
index c5d7e47f2b..c67bbad64b 100644
--- a/apps/google-analytics-4/frontend/src/components/main-app/LineChart/LineChart.tsx
+++ b/apps/google-analytics-4/frontend/src/components/main-app/LineChart/LineChart.tsx
@@ -22,7 +22,7 @@ const defaultFontSize = parseRemToPxInt(tokens.fontSizeS);
 
 ChartJS.defaults.font.size = defaultFontSize;
 ChartJS.defaults.font.family = tokens.fontStackPrimary;
-ChartJS.defaults.font.weight = tokens.fontWeightMedium.toString();
+ChartJS.defaults.font.weight = tokens.fontWeightMedium;
 ChartJS.defaults.borderColor = tokens.gray200;
 ChartJS.defaults.datasets.line.borderColor = tokens.colorPrimary;
 
@@ -69,8 +69,7 @@ const LineChart = (props: Props) => {
         },
         bodyFont: {
           size: defaultFontSize,
-          // TO:DO once font weight is added to F36, replace with token
-          weight: '700',
+          weight: tokens.fontWeightDemiBold,
         },
         displayColors: false,
         callbacks: {