Смещения зоны загрузки drag-and-drop

Зона загрузки drag-and-drop назначена на модальное окно. Когда заносишь файлы на зону, то зона сместилась в сторону.

Почему?! Необходимо над модальным окном.

    function inputFile() {
        const dropPut = document.querySelector('.modal__window')
        const dropZone = document.querySelector('.modal__input-desc')
    
    dropPut.addEventListener('dragenter', (e) => {
        console.log('dragenter', )
        e.preventDefault()
        dropPut.classList.add('active')
      })
    
      dropPut.addEventListener('dragleave', (e) => {
        console.log('%cdragleave', 'color: red')
        e.preventDefault()
        dropPut.classList.remove('active')
      })
    
      dropPut.addEventListener('dragover', (e) => {
        console.log('%cdragover', 'color: lightgreen')
        e.preventDefault()
      })
    
      dropPut.addEventListener('drop', (e) => {
        console.log('drop')
        e.preventDefault()
        dropPut.classList.remove('active')
      })