How to hide the scroll bar beside items?

[Rahul108]

I'm using FileViewer like this:

<div className={documentClasses.documentViewStyle}>
    <FileViewer
        filePath={`/media/${props.currentPath}`}
        fileType={getExtension(props.currentPath)}
    />
</div>

css:

documentViewStyle: {
    margin: 'auto',
    width: '1000px',
    height: '700px',
    backgroundColor: '#FFFFFF',
}

A scrollbar appears beside every item (Image, pdf... etc). How can I hide this scrollbar? It seems like the scrollbar is appearing from the FileViewer component if I'm not wrong. Is there any way to override any css property on this component?

[emiliobasualdo]

@Rahul108 Did you manage to remove it?

[emiliobasualdo]

@Rahul108 Did you manage to remove it?

[vleango]

This worked for me

.pg-viewer-wrapper {
  overflow: hidden !important;
}