wagtail/client/scss/components/_workflow-tasks.scss

.workflow-tasks {
  $task-width: 117px;
  $task-height: 56px;

  list-style-type: none;

  &__task {
    display: inline-block;
    background-color: theme('colors.secondary.50');
    border: 2px solid theme('colors.secondary.100');
    border-radius: 5px;
    color: $color-teal;
    width: $task-width;
    height: $task-height;
    margin: 7px;
    padding-inline-start: 9px;
    padding-inline-end: 9px;
  }

  &__step {
    font-size: 10px;
    margin-top: 3px;
  }

  &__name {
    font-size: 16px;
    font-weight: bold;
    margin: 0;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  &__extra-tasks {
    display: inline-block;
    height: $task-height;
    vertical-align: middle;
  }
}