alignment relative to input tags

[xtlc]

I encountered a small problem when placing for example a switch (I also tried checkbox, but not all the other options) next to an input field:

There is a small difference in the gap size for the input field and the switch as you can see on the screenshot (pixels above input field vs. pixels above switch). The code leading there:

    <td>
        <div>
            <label for="{{ field.id_for_label }}" class="custom-file-upload">
                <span class="icon">
                    <i class="fa-solid fa-upload"></i>
                </span>
            </label>
            <input id="{{ field.id_for_label }}" 
                   name="{{ field.name }}" 
                   type="file" 
                   onclick="this.value=null;" 
                   onchange="uploadFile(this);">
            {{ field.initial }}
            <span class="icon {% if not field.initial %}hidden{% endif %}" onclick="removeFile(this);" id="{{ field.name }}-delete">
                <i class="fa-solid fa-xmark"></i>
            </span>
            <span class="icon {% if not field.initial %}hidden{% endif %}" onclick="magnify(this);" id="{{ field.name }}-magnify" >
                <i class="fa-solid fa-magnifying-glass"></i>
            </span>          
        </div>
    </td>

can I somehow make them the same height?