UnexpectedTagNameException while clicking dropdown menu item

I'm trying to get Python / Selenium to properly click on a dropdown menu and select "IT" but the best I could do was find the element and get an error stating I couldn't input text on what I have found.

Basically, the user would click on that menu and select IT or type IT and press enter.

HTML code:

<div class="form-group">

        <label class="col-md-3 control-label" for="id_tenant_group">Tenant group</label>
        <div class="col-md-9">
            <select name="tenant_group" nullable="true" class="netbox-select2-api form-control" data-url="/api/tenancy/tenant-groups/" data-filter-for-tenant="group_id" placeholder="None" id="id_tenant_group">
  <option value="" selected>---------</option>

  <option value="2">IT</option>

  <option value="1">OT</option>

</select>



        </div>

When I inspect the element, I can see there is a span element that triggers an event showing another span where finally my option can be seen.

I cannot select via visible text, because other menus also contain the same "---------" visible text.

I've captured a couple screenshots to illustrate the issue, hope that helps. html codebrowser inspect

To be honest I am really lost, any suggestions will be much appreciated.

EDIT: I've attempted the following:

tenant_g_element = Select(browser.find_element(By.XPATH, '//span[@id="select2-id_tenant_group-container"]'))
tenant_g_element.selectByVisibleText("IT")

But I've got the following error:

selenium.common.exceptions.UnexpectedTagNameException: Message: Select only works on <select> elements, not on span