I am having trouble aligning my React Button Component (imported from reactstrap) to the right within my Modal.
<ModalHeader style={{ display: 'flex'}}>
Start Chatting
<Button
className="nav-btn"
size="sm"
style={{ marginLeft: '20px',}}>
<i
className="fa fa-plus-circle fa-lg"
style={{ marginRight: '5px'}}>
</i>Create Room
</Button>
<Button
className="end-chat"
color="danger"
size="sm"
style={{ float: 'right'}}>
<i className="fa fa-sign-out fa-lg">
</i>End Chat
</Button>
</ModalHeader>I am working with the Header Component (also imported from reactstrap) and I need assistance in resolving this alignment issue.