I am having issues trying to adjust the width of a Modal using the dialogClassName prop. Despite applying CSS changes in style.css, the width remains unchanged. It's strange because all other classes are working fine.
I've checked out this solution on Stack Overflow here, but it didn't work for me. The documentation also proved unhelpful. Any assistance would be greatly appreciated!
This is how the render method looks like in modal.js:
render(){
return (
<div>
<CardMain openModal={this.handleOpen}
{...this.props} />
<Modal show={this.state.open}
onHide={this.handleClose}
dialogClassName="main-modal">
<ModalMain tabKey={this.state.tabKey}
{...this.props} />
<FeedbackForm />
</Modal>
</div>
);
}
style.css:
.main-modal {
width: 90%;
}