diff --git a/plugins/tech-radar/src/components/RadarBubble/RadarBubble.css b/plugins/tech-radar/src/components/RadarBubble/RadarBubble.css
index 1eaa6c4179..5cfb09fd13 100644
--- a/plugins/tech-radar/src/components/RadarBubble/RadarBubble.css
+++ b/plugins/tech-radar/src/components/RadarBubble/RadarBubble.css
@@ -1,11 +1,11 @@
-.bubble {
+.bubble,
+.visibleBubble {
   pointer-events: none;
   user-select: none;
   opacity: 0;
 }
 
 .visibleBubble {
-  composes: bubble;
   opacity: 0.8;
 }
 
@@ -14,7 +14,13 @@
 }
 
 .text {
-  composes: text from './index.css';
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  pointer-events: none;
+  user-select: none;
   font-size: 10px;
   fill: #fff;
 }
diff --git a/plugins/tech-radar/src/components/RadarEntry/RadarEntry.css b/plugins/tech-radar/src/components/RadarEntry/RadarEntry.css
index e534c859dd..dd91c306fd 100644
--- a/plugins/tech-radar/src/components/RadarEntry/RadarEntry.css
+++ b/plugins/tech-radar/src/components/RadarEntry/RadarEntry.css
@@ -1,5 +1,11 @@
 .text {
-  composes: text from './index.css';
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  pointer-events: none;
+  user-select: none;
   font-size: 9px;
   fill: #fff;
   text-anchor: middle;
diff --git a/plugins/tech-radar/src/components/RadarFooter/RadarFooter.css b/plugins/tech-radar/src/components/RadarFooter/RadarFooter.css
index 7657b45a96..b928040957 100644
--- a/plugins/tech-radar/src/components/RadarFooter/RadarFooter.css
+++ b/plugins/tech-radar/src/components/RadarFooter/RadarFooter.css
@@ -1,5 +1,11 @@
 .text {
-  composes: text from './index.css';
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  pointer-events: none;
+  user-select: none;
   font-size: 10px;
   fill: #000;
 }
diff --git a/plugins/tech-radar/src/components/RadarGrid/RadarGrid.css b/plugins/tech-radar/src/components/RadarGrid/RadarGrid.css
index 0e95c74009..b56328a894 100644
--- a/plugins/tech-radar/src/components/RadarGrid/RadarGrid.css
+++ b/plugins/tech-radar/src/components/RadarGrid/RadarGrid.css
@@ -11,7 +11,13 @@
 }
 
 .text {
-  composes: text from './index.css';
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  pointer-events: none;
+  user-select: none;
   fill: #e5e5e5;
   font-size: 25px;
   font-weight: bold;
diff --git a/plugins/tech-radar/src/components/RadarLegend/RadarLegend.css b/plugins/tech-radar/src/components/RadarLegend/RadarLegend.css
index c23b9198a4..6779358c29 100644
--- a/plugins/tech-radar/src/components/RadarLegend/RadarLegend.css
+++ b/plugins/tech-radar/src/components/RadarLegend/RadarLegend.css
@@ -6,7 +6,13 @@
 }
 
 .quadrantHeading {
-  composes: text from './index.css';
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  pointer-events: none;
+  user-select: none;
   margin-top: 0;
   margin-bottom: calc(18px * 0.375);
   font-size: 18px;
@@ -24,7 +30,13 @@
 }
 
 .ringHeading {
-  composes: text from './index.css';
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  pointer-events: none;
+  user-select: none;
   margin-top: 0;
   margin-bottom: calc(12px * 0.375);
   font-size: 12px;
@@ -42,7 +54,13 @@
 }
 
 .entry {
-  composes: text from './index.css';
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  pointer-events: none;
+  user-select: none;
   font-size: 11px;
 }