[Solved] Close Button not showing with ngx-gallery in Angular

Hi

I am trying to show the close button but it is not working.

in html:

<mat-tab  id="photosTab" label="Photos"> 
    <div class="gallery-wrapper">
        <ngx-gallery [options]="galleryOptions" [images]="galleryImages" class="ngx-gallery"></ngx-gallery>  
    </div>
</mat-tab>

in ts:

this.galleryOptions = [
{
    width: '600px',
    height: '400px',
    previewCloseOnClick: true,
    thumbnailsColumns: 4,
    imageAnimation: NgxGalleryAnimation.Slide
},
// max-width 800
{
    breakpoint: 800,
    width: '100%',
    height: '600px',
    imagePercent: 80,
    thumbnailsPercent: 20,
    thumbnailsMargin: 20,
    thumbnailMargin: 20
},
// max-width 400
{
    breakpoint: 400,
    preview: false
}];

when I click to slideshow the images I don't see the close button, why?