refactor workspace table css away from legacy styles

1 files changed, 8 insertions, 2 deletions

diff --git a/src/features/workspaces/components/WorkspacesDashboard.js b/src/features/workspaces/components/WorkspacesDashboard.js
index a8b3b376c..dd4381a15 100644
--- a/src/features/workspaces/components/WorkspacesDashboard.js
+++ b/src/features/workspaces/components/WorkspacesDashboard.js
@@ -48,7 +48,13 @@ const messages = defineMessages({
   },
 });
 
-const styles = (theme) => ({
+const styles = theme => ({
+  table: {
+    width: '100%',
+    '& td': {
+      padding: '10px',
+    },
+  },
   createForm: {
     height: 'auto',
   },
@@ -164,7 +170,7 @@ class WorkspacesDashboard extends Component {
                     {intl.formatMessage(messages.workspacesRequestFailed)}
                   </Infobox>
                 ) : (
-                  <table className="workspace-table">
+                  <table className={classes.table}>
                     {/* ===== Workspaces list ===== */}
                     <tbody>
                       {workspaces.map(workspace => (