Intento eliminar un box-shadow de una clase "predeterminada" llamada 'sketch-picker' y estoy fracasando en el intento. La clase viene por default con el componente color-sketch, le agregue 2 botones pero me quedan separadas por una linea que se elimina quitando la propiedad 'box-shadow'. 
Estoy tratando de eliminarlo pero no lo estoy consiguiendo:

EDITADO: Mas especificamente, esta tomando la clase pero no aplica el 'box-shadow' por que interpreta que tiene mas "jerarquia" la clase 'sketch-picker'.

CSS:

    ::ng-deep {
        .box .sketch-picker{
            box-shadow: none;
        } 
    }

HTML:

    <color-sketch class="box"
      [color]="color"
      (onChange)="changeComplete($event)"
    ></color-sketch>
    <div class="color-picker-buttons">
      <ion-button (click)="close()" color="medium" size="small"> {{ 'UTILS.SKIP' | translate }} </ion-button>
      <ion-button (click)="save()" color="primary" size="small"> {{ 'UTILS.SAVE' | translate }} </ion-button>
    </div>

CAPTURAS:
[![introducir la descripción de la imagen aquí][1]][1]

[![introducir la descripción de la imagen aquí][2]][2]


  [1]: https://i.sstatic.net/5DcPv.png
  [2]: https://i.sstatic.net/NLNW8.png