How to hide a surrounding container without specific id or class?

I want to hide the 'cityArea' input field in the user's 'My profile' admin page but it leaves me with an empty <div></div>-tag which pushes the following fields down.

So does anyone know how to hide the surrounding <div></div>-tag that doesn't have a specific id or class?

The html is:

<div class="row">
  <label for="cityArea">Stadsgebied</label>
  <div class="input-box"><input id="cityArea" type="text" name="cityArea" value="" placeholder=""></div>
</div>

My css is currently:

label[for="cityArea"],
input#cityArea {
  display: none !important;
}

Solution with has operator might work
.row:has( > .input-box #cityArea) {display:none;}