From cf041dbc8e0ae00724d1505e5d29d92d8b62b7af Mon Sep 17 00:00:00 2001
From: Greg Rushton <grushton@broadinstitute.org>
Date: Thu, 9 Nov 2023 07:48:43 -0500
Subject: [PATCH] use sx instead of class name to get custom style applied

---
 src/pages/researcher_console/DatasetSubmissionsTable.jsx | 7 ++++++-
 src/pages/researcher_console/DatasetTerms.module.css     | 9 ---------
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/pages/researcher_console/DatasetSubmissionsTable.jsx b/src/pages/researcher_console/DatasetSubmissionsTable.jsx
index 175d91f35..93d80f5c0 100644
--- a/src/pages/researcher_console/DatasetSubmissionsTable.jsx
+++ b/src/pages/researcher_console/DatasetSubmissionsTable.jsx
@@ -81,7 +81,12 @@ export default function DatasetSubmissionsTable(props) {
         <div>
           <Button
             href={editLink}
-            className={styles['action-button']}>
+            sx={{
+              fontSize: '1.25rem',
+              border: '1px solid #0948B7',
+              borderRadius: 1,
+              height: 25
+            }}>
             Edit
           </Button>
         </div>;
diff --git a/src/pages/researcher_console/DatasetTerms.module.css b/src/pages/researcher_console/DatasetTerms.module.css
index 8538460b9..a836feaba 100644
--- a/src/pages/researcher_console/DatasetTerms.module.css
+++ b/src/pages/researcher_console/DatasetTerms.module.css
@@ -17,12 +17,3 @@
     display: flex;
     justify-content: flex-end;
 }
-
-.action-button {
-    font-size: 14px;
-    border: 1px solid #0948B7;
-    border-radius: 4px;
-    height: 25px;
-    cursor: pointer;
-    color: #0948B7;
-}
\ No newline at end of file