style add workspace icon in drawer like the sidebar icons

2 files changed, 9 insertions, 2 deletions

diff --git a/src/features/workspaces/components/WorkspaceDrawer.js b/src/features/workspaces/components/WorkspaceDrawer.js
index c9c4d3bc9..7bf3684c0 100644
--- a/src/features/workspaces/components/WorkspaceDrawer.js
+++ b/src/features/workspaces/components/WorkspaceDrawer.js
@@ -35,6 +35,12 @@ const styles = theme => ({
     marginRight: '10px',
     marginTop: '2px',
   },
+  addWorkspaceButtonIcon: {
+    fill: theme.workspaceDrawerAddButtonColor,
+    '&:hover': {
+      fill: theme.workspaceDrawerAddButtonHoverColor,
+    },
+  },
 });
 
 @injectSheet(styles) @observer
@@ -67,6 +73,7 @@ class WorkspaceDrawer extends Component {
             <Icon
               icon="mdiPlusBox"
               size={1.5}
+              className={classes.addWorkspaceButtonIcon}
             />
           </span>
         </H1>
diff --git a/src/features/workspaces/components/WorkspaceDrawerItem.js b/src/features/workspaces/components/WorkspaceDrawerItem.js
index 00207d323..935508943 100644
--- a/src/features/workspaces/components/WorkspaceDrawerItem.js
+++ b/src/features/workspaces/components/WorkspaceDrawerItem.js
@@ -18,10 +18,10 @@ const styles = theme => ({
   },
   name: {
     marginTop: '4px',
-    color: theme.workspaceDrawerNameColor,
+    color: theme.workspaceDrawerItemNameColor,
   },
   activeName: {
-    color: theme.workspaceDrawerNameActiveColor,
+    color: theme.workspaceDrawerItemNameActiveColor,
   },
   services: {
     display: 'block',