.token-balance-dropdown {
  min-width: 14.375rem;
  margin-top: 1rem;
  background-color: $gray-100;
  box-shadow: 0px 2px 3px 2px $gray-200;
  border: none;

  .dropdown-items {
    overflow-y: auto;
    max-height: 18.5rem;

    .dropdown-item:hover {
      color: $white;
    }
  }

  &:after, &:before {
    bottom: 100%;
    right: 14%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
  }

  &:before {
    border-bottom-color: $gray-100;
    border-width: 0.5rem;
    margin-left: -0.5rem;
  }
}