diff --git a/.changeset/pretty-forks-fly.md b/.changeset/pretty-forks-fly.md
index 5da9608267..8cf71d86c2 100644
--- a/.changeset/pretty-forks-fly.md
+++ b/.changeset/pretty-forks-fly.md
@@ -21,4 +21,4 @@
 '@backstage/plugin-user-settings': patch
 ---
 
-Enable the eslint-plugin-react for non-test files and forbid `<span>` tag in favor of `<Typography component='span'>`.
+Small updates to some components to ensure theme typography properties are inherited correctly.
diff --git a/plugins/tech-radar/src/components/RadarLegend/RadarLegendLink.tsx b/plugins/tech-radar/src/components/RadarLegend/RadarLegendLink.tsx
index 32dae8f369..b0d9196e1e 100644
--- a/plugins/tech-radar/src/components/RadarLegend/RadarLegendLink.tsx
+++ b/plugins/tech-radar/src/components/RadarLegend/RadarLegendLink.tsx
@@ -59,7 +59,10 @@ export const RadarLegendLink = ({
           tabIndex={0}
           onKeyPress={toggle}
         >
-          <Typography component="span" className={active ? classes.activeEntry : classes.entry}>
+          <Typography
+            component="span"
+            className={active ? classes.activeEntry : classes.entry}
+          >
             {title}
           </Typography>
         </Typography>
@@ -77,7 +80,10 @@ export const RadarLegendLink = ({
   }
   return (
     <WithLink url={url} className={classes.entryLink}>
-      <Typography component="span" className={active ? classes.activeEntry : classes.entry}>
+      <Typography
+        component="span"
+        className={active ? classes.activeEntry : classes.entry}
+      >
         {title}
       </Typography>
     </WithLink>