.x-dropdown-with-icons {
  .dropdown-header,
  .dropdown-item {
    padding-left: 2rem;
  }

	.dropdown-item {
		@extend %d-flex,
            %align-items-center;

    .x-icon-container {
      @extend %x-icon-md,
              %position-absolute,
              %align-items-center;
      margin-left: -(map_get($spacers, 4)); // Negative Value of .pl-4;
    }
	}
}

.x-dropdown-filter {
  @extend .x-dropdown-with-icons;
  max-height: 500px !important;
  overflow: auto;

  .dropdown-item {
    .x-icon-container {
      @extend %d-none;
    }
    @include x-hover-focus-active {
      .x-icon-container {
        @extend %d-flex;
      }
    }
  }
}