diff --git a/src/components/NcButton/NcButton.vue b/src/components/NcButton/NcButton.vue
index 9969eff7e0..cb18146146 100644
--- a/src/components/NcButton/NcButton.vue
+++ b/src/components/NcButton/NcButton.vue
@@ -505,6 +505,7 @@ export default {
 
 	&:focus-visible {
 		outline: 2px solid var(--color-main-text) !important;
+		box-shadow: 0 0 0 4px var(--color-main-background) !important;
 		&.button-vue--vue-tertiary-on-primary {
 			outline: 2px solid var(--color-primary-element-text);
 			border-radius: var(--border-radius);