@include body-class(true) {

  .wpmudev-dashicon-picker {
    max-height: 340px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0;

    .wpmudev-dashicon-picker-icons {
      .sui-label {
        line-height: 22px;
      }

      .wpmudev-dashicon-picker-group-inner {
        display: flex;
        flex-wrap: wrap;
      }

      .wpmudev-dashicon-picker-group-inner {

        .dashicons {
          width: 40px;
          height: 40px;
          padding-top: 11px;
          border: 1px solid #DDD;
          border-radius: 4px;
          background-color: #F4F4F4;
          font-size: 16px;
          margin-right: 10px;
          margin-bottom: 10px;
          cursor: pointer;

          &.active {
            border: 1px solid #17a8e3;
            background-color: #E1F6FF;
          }
        }
      }
    }
  }
}