From cb79a10439a653dd4a4df5ce2c28b245e6afd0af Mon Sep 17 00:00:00 2001
From: Aramis Sennyey <sennyeya@amazon.com>
Date: Mon, 27 Feb 2023 11:25:39 -0500
Subject: [PATCH] Fix contract and update to patch.

Signed-off-by: Aramis Sennyey <sennyeya@amazon.com>
---
 .changeset/mighty-games-turn.md               |  2 +-
 .../src/components/RadarGrid/RadarGrid.tsx    | 43 ++++++++++---------
 2 files changed, 24 insertions(+), 21 deletions(-)

diff --git a/.changeset/mighty-games-turn.md b/.changeset/mighty-games-turn.md
index 4e9461e341..38c2487835 100644
--- a/.changeset/mighty-games-turn.md
+++ b/.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.
diff --git a/plugins/tech-radar/src/components/RadarGrid/RadarGrid.tsx b/plugins/tech-radar/src/components/RadarGrid/RadarGrid.tsx
index 8dc1a62c56..8f796620e0 100644
--- a/plugins/tech-radar/src/components/RadarGrid/RadarGrid.tsx
+++ b/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.