// Current Styling
const styles = theme => ({
    nested: {
      paddingLeft: theme.spacing.unit * 4,
    },
    icon: {
      margin: theme.spacing.unit,
      fontSize: 25,
    },
    root: {
      color: cyan['A400'],
      '&$checked': {
        color: cyan['A400'],
      },
    },
    checked: {},
});

// Actual checkbox code
return (
      // Holds the individual step with edit icon and delete icon
      <>
        <ListItemIcon>
          {/* Checkbox */}
          <Checkbox
            type="checkbox"
            defaultChecked={step.completed}
            onChange={this.onChange}
            value="true"
            classes={{
              root: classes.root,
              checked: classes.checked,
            }}
          />
        </ListItemIcon>