Font size of 28 or more results in UI issues

### Steps to reproduce

1. In the Settings -> Appearance tab, set the font size to 32 for example
2. Take a look at the dropdown label
3. Go to the Sidebar tab and hover over the checkboxes

### Outcome

#### What did you expect?
2. The dropdown label does not cover part of the selected value
3. On hover the checkbox its check icon fits in the box

#### What happened instead?
2. The dropdown(s) their label overlaps with selected value
3. The checkbox its check icon falls below the checkbox.
(these are the case everywhere you find them)

### Operating system

_No response_

### Browser information

_No response_

### URL for webapp

_No response_

### Application version

_No response_

### Homeserver

_No response_

### Will you send logs?

Yes

Start in the Settings → Appearance tab and Sidebar tab, reproduce the issue with the font size set to 32, and inspect the dropdown label and checkbox hover state. Done means the selected dropdown value remains unobscured and the checkbox check icon stays inside its box at font sizes of 28 or more; no test or file is named in the issue.

Written by the indexing model from the issue text.