Как переопределить стиль по умолчанию с помощью ReactJSS?

Я реализовал таблицу в своем компоненте:

  <table className={classes.vehicleStatusTable}>
    <thead>
      <tr>
        <th>MILEAGE</th>
        <th>TREAD <FontAwesomeIcon icon={faEye}/></th>
        <th>PRESSURE <FontAwesomeIcon icon={faEye}/></th>
        <th>CLEAN</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><span className={classes.unknown}>Unknown</span></td>
        <td><HealthDot value={0} healthRange={null} size='large' /></td>
        <td><HealthDot value={0} healthRange={null} size='large' /></td>
        <td><HealthDot value={0} healthRange={null} size='large' /></td>
      </tr>
    </tbody>
  </table>

Вот применимый стиль в моем файле стилей:

  vehicleStatusTable: {
    width: '600px',
    '& thead': {
      '& tr': {
        '& th': {
          fontWeight: 'normal',
          textAlign: 'center'
        }
      }
    },
    '& tbody': {
      '& tr': {
        '& td': {
          textAlign: 'center'
        }
      }
    }    
  }

Выравнивание по центру подходит для всех столбцов, кроме первого.

Я пробовал несколько разных вещей, чтобы заставить выравнивание первого столбца быть left, но ничего не работает. Любые идеи, как я могу это исправить?