.dropdown-menu.dropdown-menu-xs {
  min-width: 80px;
}

a.dropdown-item {
  padding: $dropdown-item-padding-y $dropdown-item-padding-x;

  @include hover-focus {
    .icon {
      color: $dropdown-link-hover-color;
    }
  }
}

.dropdown-divider {
  margin: 0;
}

.dropdown-item {
  font-weight: $dropdown-item-font-weight;
  // TODO
  // This hack is here because the label color have been overridden
  // in _typography.scss, the override should be removed so does this hack afterward
  @include hover-focus {
    label {
      color: inherit;
    }
  }
}