diff --git a/src/components/Tutorial/Builder/Hardware.js b/src/components/Tutorial/Builder/Hardware.js
index f876e7e..b22b0d0 100644
--- a/src/components/Tutorial/Builder/Hardware.js
+++ b/src/components/Tutorial/Builder/Hardware.js
@@ -5,7 +5,6 @@ import { changeContent, setError, deleteError } from '../../../actions/tutorialB
 
 import hardware from '../../../data/hardware.json';
 
-import { fade } from '@material-ui/core/styles/colorManipulator';
 import { withStyles } from '@material-ui/core/styles';
 import withWidth, { isWidthDown } from '@material-ui/core/withWidth';
 import GridList from '@material-ui/core/GridList';
@@ -16,7 +15,8 @@ import FormLabel from '@material-ui/core/FormLabel';
 
 const styles = theme => ({
   multiGridListTile: {
-    background: fade(theme.palette.secondary.main, 0.5),
+    background: "#4EAF47",
+    opacity: 0.9,
     height: '30px'
   },
   multiGridListTileTitle: {
diff --git a/src/components/Tutorial/Hardware.js b/src/components/Tutorial/Hardware.js
index 152cca1..001ff9e 100644
--- a/src/components/Tutorial/Hardware.js
+++ b/src/components/Tutorial/Hardware.js
@@ -4,7 +4,6 @@ import Dialog from '../Dialog';
 
 import hardware from '../../data/hardware.json';
 
-import { fade } from '@material-ui/core/styles/colorManipulator';
 import { withStyles } from '@material-ui/core/styles';
 import withWidth, { isWidthDown } from '@material-ui/core/withWidth';
 import Link from '@material-ui/core/Link';