# ui prompt: Adjust UI and focus visibility \(\#39106\) · gitcafe/zed

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

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

Visibility: public

Requested revision: ed7217ff46b756c2d4328cd0994f511812f5d49d

Requested commit: ed7217ff46b756c2d4328cd0994f511812f5d49d

Commit: ed7217ff46b756c2d4328cd0994f511812f5d49d

Tree: 8550cc4bc9643facf8c8cd70926a92fdaceede59

Author: Danilo Leal

Committer: GitHub

## Message

```
ui prompt: Adjust UI and focus visibility (#39106)

Closes https://github.com/zed-industries/zed/issues/38643

This PR adds some UI improvements to the Zed replacement of the system
dialog/prompt, including better visibility of which button is currently
focused.

One little design note, though: because of a current (and somewhat
annoying) constraint of button component, where we're only drawing a
border when its style is outlined, if I kept them horizontally stacked,
there'd be a little layout shift now that I'm toggling styles for better
focus visibility. So, for this reason, I changed them to be vertically
stacked, which matches the macOS design and avoids this problem. Maybe
in the future, we'll revert it back to being `flex_row` because that
ultimately consumes less space.


https://github.com/user-attachments/assets/500c840b-6b56-4c0c-b56a-535939398a7b

Release Notes:

- Improve focus visibility of the actions within Zed's UI system prompt.
```

## Parents

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

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