diff --git a/src/views/components/injected/CourseCatalogInjectedPopup/GradeDistribution.tsx b/src/views/components/injected/CourseCatalogInjectedPopup/GradeDistribution.tsx index 4d2a514c..ddd2b19c 100644 --- a/src/views/components/injected/CourseCatalogInjectedPopup/GradeDistribution.tsx +++ b/src/views/components/injected/CourseCatalogInjectedPopup/GradeDistribution.tsx @@ -140,7 +140,7 @@ export default function GradeDistribution({ course }: GradeDistributionProps): J tickWidth: 1, tickLength: 10, tickColor: '#9CADB7', - crosshair: true, + crosshair: { color: extendedColors.theme.offwhite2 }, lineColor: '#9CADB7', }, yAxis: { @@ -173,12 +173,24 @@ export default function GradeDistribution({ course }: GradeDistributionProps): J credits: { enabled: false }, accessibility: { enabled: true }, tooltip: { - headerFormat: '{point.key}', - pointFormat: - '', - footerFormat: '
{point.y:.0f} Students
', + headerFormat: '{point.key}', + pointFormat: '{point.y:.0f} Students', shared: true, useHTML: true, + style: { + color: 'var(--Other-Colors-UTRP-Black, #1A2024)', + textAlign: 'center', + fontFamily: 'Roboto Flex, Roboto Flex Local', + fontSize: '0.88875rem', + lineHeight: 'normal', + }, + backgroundColor: 'white', + borderRadius: 4, + shadow: { + offsetX: 0, + offsetY: 1, + color: 'rgba(51, 63, 72, 0.30)', + }, }, plotOptions: { bar: { pointPadding: 0.2, borderWidth: 0 },