Fixed tooltip text sizes.

src/components/charts/ChartTooltip.tsx

@@ -19,11 +19,9 @@ export function ChartTooltip({
         padding="4"
         borderRadius="md"
       >
-        {title && <Text size="sm">{title}</Text>}
+        {title}
         <Row alignItems="center">
-          <StatusLight color={color}>
+          <StatusLight color={color}>{value}</StatusLight>
-            <Text size="sm">{value}</Text>
-          </StatusLight>
         </Row>
       </Column>
     </FloatingTooltip>

src/components/metrics/WeeklyTraffic.tsx

@@ -96,7 +96,7 @@ export function WeeklyTraffic({ websiteId }: { websiteId: string }) {
                           </Row>
                         </Focusable>
                         <Tooltip placement="right">
-                          <Text size="base">{`${formatMessage(labels.visitors)}: ${count}`}</Text>
+                          <Text>{`${formatMessage(labels.visitors)}: ${count}`}</Text>
                         </Tooltip>
                       </TooltipTrigger>
                     );

src/components/metrics/WorldMap.tsx

@@ -102,7 +102,7 @@ export function WorldMap({ websiteId, data, ...props }: WorldMapProps) {
       {tooltip && (
         <FloatingTooltip>
           <Box backgroundColor="surface-inverted" color="inverted" padding borderRadius="md">
-            <Text size="sm">{tooltip}</Text>
+            {tooltip}
           </Box>
         </FloatingTooltip>
       )}