.failureList {
  display: flex;
  height: 100%;
  transition: background-color 2s;
  border-radius: 5px;
  background: green;

  &.has-failures {
    background-color: red;
  }

  ul {
    padding-top: 10px;
    padding-left: 0;
    list-style: none;
  }

  > div {
    margin: auto;
  }

  .title {
    font-family: sans-serif;
    font-size: 32px;
    color: white;
  }
}

.failureList {
  display: flex;
  height: 100%;
  transition: background-color 2s;
  border-radius: 5px;
  background: green;

  &.has-failures {
    background-color: red;

    ul {
      display: block;
    }
  }

  ul {
    display: none;
    padding-top: 10px;
    padding-left: 0;
    list-style: none;
  }

  > div {
    margin: auto;
  }

  .title {
    font-family: sans-serif;
    font-size: 32px;
    color: white;
  }
}

Hide failure list if there are no failures
Hide failure list if there are no failures
