.messages {
  position: fixed;
  z-index: $zindex-dropdown + 1;
  padding-top: $padding-small-vertical;
  right: $padding-large-horizontal;

  // TODO (hurgleburlger) RESPONSIVE
  // We will readdress this when we address the responsiveness of Horizon
  width: 300px;

  .alert {
    &.alert-default {
      background-color: $gray-light;
    }

    p {
      overflow: hidden;
      word-wrap: break-word;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }
}

