Я использую таблицу реакций v6.
У меня заголовок в виде значка глаза. После нажатия на этот значок я хочу показать модальное окно. Как я могу закрепить модальное окно так, чтобы оно всегда отображалось под этим значком, даже если я изменяю размер окна ИЛИ, по крайней мере, в разных браузерах и экранах?
Конечно, есть некоторые значения, такие как left и right - МОЖЕТ БЫТЬ, я должен использовать ок. значения для отображения модального окна рядом с этим значком глаза?
До 
После изменения размера модальное окно увеличилось

Мой код для столбца и модального окна - я ставлю модальный после значка
const eyeColumn = [{
Header: () =>
<div>
<div className="eye-icon" onClick={handleModalShow}>
<img src={eyeIcon}/>
</div>
<Modal onHide={() => {
setShowModal(false)
}} show={showModal}
/>
</div>,
fixed: "left",
sortable: false,
headerClassName: table-header-class",
className: "table-row-class",
width: 70
}];