# Mixins default focus question
**URL:** https://meta.discourse.org/t/mixins-default-focus-question/178408
**Category:** 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:** 6
**Page:** 1
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [February 4, 2021, 2:27pm UTC](https://meta.discourse.org/t/mixins-default-focus-question/178408/1 "2021-02-04T14:27:18Z")
Hello,
The last update uniform focus style has a new mixin which is add an outline the input fields, selections and other… This is a great for accessibility but we use a `border-radius: 4px` on input fields. Is that possible to override mixins or add a `border-radius: 0` into the core mixins.scss and this generate border-radius: 4px to 0 on focus?
On the left it looks like now and right is after border-radius: 0; ⬇
 
Thank you! 🙂
```
@mixin default-focus() {
border-color: var(--tertiary);
+ border-radius: 0;
outline: 1px solid var(--tertiary);
outline-offset: 0;
}
```
---
### Author:  [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [February 4, 2021, 3:26pm UTC](https://meta.discourse.org/t/mixins-default-focus-question/178408/4 "2021-02-04T15:26:02Z")
We have an internal theme that has rounded corners for buttons, and I don’t see a similar issue as yours. Can you provide maybe a bit more context, i.e. a larger screenshot so I can see which button this is? Let me know if you are using a public theme, I’m sure this is fixable.
---
### Author:  [@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")
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:
>
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.)
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [February 4, 2021, 4:00pm UTC](https://meta.discourse.org/t/mixins-default-focus-question/178408/7 "2021-02-04T16:00:25Z")
Thank you so much! 🙂 I will do this. One more question… Is that not a bad practice if i disable the outline? I mean the accessibility reason.
---
### Author:  [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [February 4, 2021, 4:03pm UTC](https://meta.discourse.org/t/mixins-default-focus-question/178408/8 "2021-02-04T16:03:04Z")
I _think_ it’s OK given that you would be using something else to style the element in focus.
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [March 6, 2021, 4:03pm UTC](https://meta.discourse.org/t/mixins-default-focus-question/178408/9 "2021-03-06T16:03:12Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.