use sx instead of class name to get custom style applied

DataBiosphere · Nov 9, 2023 · cf041db · cf041db
1 parent aaca791
commit cf041db
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 10 deletions.
diff --git 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
@@ -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;
-}