Fix contract and update to patch.

Signed-off-by: Aramis Sennyey <sennyeya@amazon.com>

.changeset/mighty-games-turn.md

@@ -1,5 +1,5 @@
 ---
-'@backstage/plugin-tech-radar': minor
+'@backstage/plugin-tech-radar': patch
 ---
 
 Update colors to match Zalando's tech radar, also add coloring on title and legend to match ring color.

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

@@ -23,26 +23,29 @@ export type Props = {
   rings: Ring[];
 };
 
-const useStyles = makeStyles<Theme>(theme => ({
-  ring: {
-    fill: 'none',
-    stroke: '#bbb',
-    strokeWidth: '1px',
-  },
-  axis: {
-    fill: 'none',
-    stroke: '#bbb',
-    strokeWidth: '1px',
-  },
-  text: {
-    pointerEvents: 'none',
-    userSelect: 'none',
-    fill: theme.palette.text.primary,
-    fontSize: '25px',
-    fontWeight: 800,
-    opacity: 0.35,
-  },
-}));
+const useStyles = makeStyles<Theme>(
+  theme => ({
+    ring: {
+      fill: 'none',
+      stroke: '#bbb',
+      strokeWidth: '1px',
+    },
+    axis: {
+      fill: 'none',
+      stroke: '#bbb',
+      strokeWidth: '1px',
+    },
+    text: {
+      pointerEvents: 'none',
+      userSelect: 'none',
+      fill: theme.palette.text.primary,
+      fontSize: '25px',
+      fontWeight: 800,
+      opacity: 0.7,
+    },
+  }),
+  { name: 'PluginTechRadarGrid' },
+);
 
 // A component for the background grid of the radar, with axes, rings etc.  It will render around the origin, i.e.
 // assume that (0, 0) is in the middle of the drawing.