diff --git a/components/results/other-factors.tsx b/components/results/other-factors.tsx
index ad71ec4..1c91838 100644
--- a/components/results/other-factors.tsx
+++ b/components/results/other-factors.tsx
@@ -51,7 +51,7 @@ const OtherFactors = () => {
             letterSpacing: 'mono',
             textTransform: 'uppercase',
             color: 'secondary',
-            fontSize: 1,
+            fontSize: [1, 1, 1, 2],
           },
           '& td': {
             fontFamily: 'body',
diff --git a/components/results/regional-risk.tsx b/components/results/regional-risk.tsx
index fa515eb..832bb84 100644
--- a/components/results/regional-risk.tsx
+++ b/components/results/regional-risk.tsx
@@ -201,7 +201,7 @@ const RegionalRisk = () => {
           }}
           sx={{
             '& select': {
-              fontSize: 1,
+              fontSize: [1, 1, 1, 2],
               fontFamily: 'mono',
               letterSpacing: 'mono',
               textTransform: 'uppercase',
@@ -224,7 +224,7 @@ const RegionalRisk = () => {
             fontFamily: 'mono',
             letterSpacing: 'mono',
             textTransform: 'uppercase',
-            fontSize: 1,
+            fontSize: [1, 1, 1, 2],
             cursor: 'pointer',
           }}
         >
@@ -370,7 +370,7 @@ const RegionalRisk = () => {
               letterSpacing: 'mono',
               textTransform: 'uppercase',
               color: 'secondary',
-              fontSize: 1,
+              fontSize: [1, 1, 1, 2],
               whiteSpace: 'nowrap',
             },
             '& tr td:last-of-type': {
diff --git a/components/results/risk-calculation.tsx b/components/results/risk-calculation.tsx
index cc747f5..eb6d27d 100644
--- a/components/results/risk-calculation.tsx
+++ b/components/results/risk-calculation.tsx
@@ -89,7 +89,7 @@ const RiskCalculation = () => {
 
   return (
     <>
-      <Box sx={{ mt: 2 }}>
+      <Box sx={{ mt: 2, variant: 'description' }}>
         The risk scoring system is a categorical classification of continuous
         values of annual risk of loss, which is computed at every location with
         the following equation:
diff --git a/components/results/score-bar.tsx b/components/results/score-bar.tsx
index 86af1e5..cdced93 100644
--- a/components/results/score-bar.tsx
+++ b/components/results/score-bar.tsx
@@ -62,7 +62,7 @@ const ScoreBar = ({
                               position: 'absolute',
                               height: `5px`,
                               bottom: '-12px',
-                              left: '-2.5px',
+                              left: '-1.5px',
                               color:
                                 color === colormap[i] ||
                                 color === colormap[i - 1]
@@ -76,9 +76,10 @@ const ScoreBar = ({
                           <Box
                             sx={{
                               position: 'absolute',
-                              bottom: '-28px',
-                              left: `-${displayText.length * 4.2}px`,
-                              fontSize: 0,
+                              bottom: ['-28px', '-28px', '-28px', '-31px'],
+                              left: '-1px',
+                              transform: 'translateX(-50%)',
+                              fontSize: [0, 0, 0, 1],
                               fontFamily: 'mono',
                               letterSpacing: 'mono',
                               color:
diff --git a/components/results/time-horizons.tsx b/components/results/time-horizons.tsx
index dca2cf6..816d96a 100644
--- a/components/results/time-horizons.tsx
+++ b/components/results/time-horizons.tsx
@@ -46,7 +46,7 @@ const TimeHorizons = () => {
 
   return (
     <>
-      <Box sx={{ mt: 4 }}>
+      <Box sx={{ mt: 4, variant: 'description' }}>
         Over longer time horizons, the annual burn probability, and thus risk of
         loss, compounds.
       </Box>
diff --git a/components/results/tooltip-table.tsx b/components/results/tooltip-table.tsx
index 65db1dd..4cab31f 100644
--- a/components/results/tooltip-table.tsx
+++ b/components/results/tooltip-table.tsx
@@ -73,7 +73,7 @@ const TableCell = ({
 
 const sx = {
   tableHead: {
-    fontSize: 1,
+    fontSize: [1, 1, 1, 2],
     fontFamily: 'mono',
     letterSpacing: 'mono',
     textTransform: 'uppercase' as const,