how to override ng2 pdf viewer css

Question

I am rendering pdf in a angular material dialog. I am using ng2-pdf-viewer when I inspect, I see container width is very small which I want to increase. So, I want to change

.ng2-pdf-viewer-container[_ngcontent-c13] {
     overflow-x: auto; 
}

to

 .ng2-pdf-viewer-container[_ngcontent-c13] {
         width: 100%;
    }

I tried !important but it is not working

How to do that?

Answer 1

this worked for me

:host ::ng-deep .ng2-pdf-viewer-container {
width: 100% !important; 

}

Answer 2

:host ::ng-deep .ng2-pdf-viewer-container .page {margin-bottom: 0px !important;}

this works for me. I want to change the margin-bottom.