fix: Add paragraph prop for bottom margin

Signed-off-by: Carlos Esteban Lopez <lcarlosesteb@vmware.com>

plugins/tech-radar/src/components/RadarLegend/RadarLegendRing.tsx

@@ -39,7 +39,9 @@ export const RadarLegendRing = ({
     <div data-testid="radar-ring" key={ring.id} className={classes.ring}>
       <h3 className={classes.ringHeading}>{ring.name}</h3>
       {entries.length === 0 ? (
-        <Typography className={classes.ringEmpty}>(empty)</Typography>
+        <Typography paragraph className={classes.ringEmpty}>
+          (empty)
+        </Typography>
       ) : (
         <ol className={classes.ringList}>
           {entries.map(entry => (

plugins/tech-radar/src/components/RadarPage.tsx

@@ -80,7 +80,7 @@ export function RadarPage(props: TechRadarPageProps) {
             onChange={e => setSearchText(e.target.value)}
           />
           <SupportButton>
-            <Typography>
+            <Typography paragraph>
               This is used for visualizing the official guidelines of different
               areas of software development such as languages, frameworks,
               infrastructure and processes. You can find an explanation for the