# keymap_editor: Fix filter input element alignment \(\#38895\) · gitcafe/zed

[View on GitCafe](https://git.cafe/gitcafe/zed/commit/de1de257125b263ded6676735c6ae022a5bcfe96)

Repository: [gitcafe/zed](https://git.cafe/gitcafe/zed)

Visibility: public

Requested revision: de1de257125b263ded6676735c6ae022a5bcfe96

Requested commit: de1de257125b263ded6676735c6ae022a5bcfe96

Commit: de1de257125b263ded6676735c6ae022a5bcfe96

Tree: b90752582f665e91638d64c909c96f4ad41fa5a5

Author: Bartosz Kaszubowski

Committer: GitHub

## Message

```
keymap_editor: Fix filter input element alignment (#38895)

# Why

I have spotted that Keymap Editor filter input (editor) is misaligned
vertically.

# How

Switch the input wrapper to flex layout, use `items_center` to align
editor vertically in center of the wrapper.

Release Notes:

- Fixed Keymap Editor filter input alignment

# Test plan

I have tested the change locally and compared the UI before and after,
to make sure that change does not affect the size of the wrapper
element.

### Before

<img width="1622" height="428" alt="Screenshot 2025-09-25 at 18 18 59"
src="https://github.com/user-attachments/assets/7d09be5c-6caf-4873-8ecf-2542851cb40a"
/>

### After

<img width="1622" height="428" alt="Screenshot 2025-09-25 at 18 07 18"
src="https://github.com/user-attachments/assets/540fcb3e-691d-4fb7-8130-2ed45ddc0adc"
/>
```

## Parents

- [18fc951135f0825734701827a511ee0429d83940](https://git.cafe/gitcafe/zed/commit/18fc951135f0825734701827a511ee0429d83940?format=markdown)

[Source at this commit](https://git.cafe/gitcafe/zed/tree/de1de257125b263ded6676735c6ae022a5bcfe96?format=markdown)