Angular Tags Input better design

_tags-input.scss

/* ==|====================
   Vendor/Angular Tags Input
   Override https://github.com/mbenford/ngTagsInput
   Dependance: Bootstrap Variables
   ======================= */

tags-input {
  .tags {
    padding: 6px 7px;
    border-color: #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    &.focused {
      border-color: $brand-primary;
      outline: 0;
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

    .tag-item {
      background: #C0E0DD;
      border-color: #98CFC9;
      font-family: $font-family-sans-serif;

      &.selected {
        background: #ff5c5c;
        border-color: #F93A3A;
      }

      .remove-button {
        &:hover {
          text-decoration: none;
          color: #000;
        }
      }
    }
  }
}