.flash-messages {
  position: relative;
  background: $yellow-25;
  padding: 10px 20px;
  font-size: .9em;
  margin: -10px 0 30px;
  padding-right: 40px;

  .flash-messages-close {
    position: absolute;
    right: 13px;
    top: 13px;
    border: 0;
    text-indent: -999em;
    cursor: pointer;
    opacity: .7;

    &:hover {
      opacity: 1;
    }
  }
}

.flash-messages-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.flash-messages {
  position: relative;
  top: -40px;
  background: $yellow-25;
  padding: 10px 20px;
  font-size: .9em;
  padding-right: 40px;

  .flash-messages-close {
    position: absolute;
    right: 13px;
    top: 13px;
    border: 0;
    text-indent: -999em;
    cursor: pointer;
    opacity: .7;

    &:hover {
      opacity: 1;
    }
  }
}

.flash-messages-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

Move flash message directly under the header
FE: Move flash message directly under the header
