I’m trying to stylize the cropbox from react-cropper. I’m trying to make the border thicker but still failed. Here is my current code:

<Cropper 
 src={image || ''}
 style={{ height: 270, width: '100%' }}
 aspectRatio={aspectRatio}
 ref={cropperRef}
 guides={false}
 cropBoxMovable={false}
 cropBoxResizable={false}
 viewMode={0}
 autoCropArea={1}
 dragMode='move'
 zoomable={true}
 background={true}
 highlight={false}
 center={true}
 modal={true}
 rotatable
 responsive={true}
 restore={true}
/>

I’ve tried going to node_modules/cropperjs/src/css/cropper.css and change the .cropper-view-box to this

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 5px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

I then run yarn install to saved the changes but still nothing happened. Please help! Thank you in advance.