Problem z znalezieniem Spana za pomoca element.closest()

Witam mam taki problem mianowicie:
Tworzę apke która liczby budżet, chce stworzyc w niej przycisk edytuj i usuń, jednak mam problem z przechwyceniem spana który jest bardzo potrzebny do obliczenia budżetu w przypadku zmiany danych

 <li class="list-item">
                    <span class="list-description">Rachunek za gaz</span>
                    <span class="list-value">200</span>
                    <div class="list-tools">
                        <button class="list-edit">Edit</button> 
                        <button class="list-remove"><i class="fa-solid fa-trash-can"></i></button> // Listener jest nalozony na ten przycisk
                    </div>
                </li>
/////////////////////////////////
  JS
const removeItem = (e) =>{
   console.log(e.target.closest('.list-value')); // Tu wyskakuje wartość null
   //                           ('span) jeśli próbuje tak również nie działa 
}

Lekturka o closest

Poprawne uzycie byloby takie:

const removeItem = (e) =>{
   console.log(e.target.closest(`li`).querySelector(`[class=list-value]`).innerHTML);
   }

@sebas-jpg: Dzięki wielkie, zadziałał również taki zapis

console.log(e.target.closest('li').querySelector('.list-value').innerHTML);

Pozdrawiam :)