# Mixins default focus question

**URL:** <https://meta.discourse.org/t/mixins-default-focus-question/178408>\
**Category:** Product Support\
**Created:** [February 4, 2021, 2:27pm UTC](https://meta.discourse.org/t/mixins-default-focus-question/178408 "2021-02-04T14:27:18Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)\
**Post date:** [February 4, 2021, 3:58pm UTC](https://meta.discourse.org/t/mixins-default-focus-question/178408/6 "2021-02-04T15:58:11Z")

</div>

Ah, I see. I think your best bet is to handle this in your theme, because core already has the border set to 0 for all input elements:

> <https://github.com/discourse/discourse/blob/main/app/assets/stylesheets/common/base/discourse.scss#L228-L228>

So, in your theme, what you can do is override the focused input element’s border-radius in the same place where you are now setting it to a value.

If you want to keep the rounded corners on focus, you could also do something like this:

```scss
input {
  border-radius: 4px;
  &:focus {
    outline: none;
    box-shadow: 0px 0px 0px 1px var(--tertiary);
  }
}

```

(The outline property cannot have rounded corners, so the above switches to using a solid shadow to replace it.)

---

_[View the full topic](https://meta.discourse.org/t/mixins-default-focus-question/178408)._