Как масштабировать документ по центру? JS (React)

Есть документ и кнопка "увеличить". При нажатии на неё документ увеличивается, но съезжает вправо, а мне надо,чтобы он масштабировался именно по центру, то есть чтобы центр оставался на месте. Помогите, прошу

    title={'Увеличить'} 
   onClick={() => { 
      props.setLeftScale(props.leftScale + 0.1) 
   }} 
   className={styles.zoomInIcon} 
/>