From d785f30c5fdecb201233a8aa4dfcd5a79f235df5 Mon Sep 17 00:00:00 2001
From: Kia Lam <digitalanime@gmail.com>
Date: Wed, 9 Feb 2022 09:19:50 -0800
Subject: [PATCH] Fix JSX errors.

---
 awx/ui/src/screens/TopologyView/Legend.js  | 4 ++--
 awx/ui/src/screens/TopologyView/Tooltip.js | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/awx/ui/src/screens/TopologyView/Legend.js b/awx/ui/src/screens/TopologyView/Legend.js
index 29e0d0516b..2d729e5737 100644
--- a/awx/ui/src/screens/TopologyView/Legend.js
+++ b/awx/ui/src/screens/TopologyView/Legend.js
@@ -56,11 +56,11 @@ const Text = styled(PFText)`
 
 function Legend() {
   return (
-    <Wrapper class="legend" data-cy="legend">
+    <Wrapper className="legend" data-cy="legend">
       <TextContent>
         <Text
           component={TextVariants.small}
-          style={{ 'font-weight': 'bold', color: 'black' }}
+          style={{ fontWeight: 'bold', color: 'black' }}
         >
           Legend
         </Text>
diff --git a/awx/ui/src/screens/TopologyView/Tooltip.js b/awx/ui/src/screens/TopologyView/Tooltip.js
index f294e5a1ed..142f345448 100644
--- a/awx/ui/src/screens/TopologyView/Tooltip.js
+++ b/awx/ui/src/screens/TopologyView/Tooltip.js
@@ -50,12 +50,12 @@ function Tooltip({
   redirectToDetailsPage,
 }) {
   return (
-    <Wrapper class="tooltip" data-cy="tooltip">
+    <Wrapper className="tooltip" data-cy="tooltip">
       {isNodeSelected === false ? (
         <TextContent>
           <Text
             component={TextVariants.small}
-            style={{ 'font-weight': 'bold', color: 'black' }}
+            style={{ fontWeight: 'bold', color: 'black' }}
           >
             Details
           </Text>