diff --git a/core/themes/olivero/css/components/details.css b/core/themes/olivero/css/components/details.css
index 298d0fa9d66e1327c973c6f6ef80c0d5551eec29..31bfc4138edd0e739f97e0f3be62eb19530f545c 100644
--- a/core/themes/olivero/css/components/details.css
+++ b/core/themes/olivero/css/components/details.css
@@ -111,7 +111,8 @@
 /* Disable default outline for summary, since we have own implementation */
 
 .olivero-details__summary:focus {
-  outline: none;
+  outline: solid 2px transparent;
+  outline-offset: -4px;
 }
 
 /* Details summary, hover state */
@@ -196,7 +197,7 @@
 }
 
 .collapse-processed > .olivero-details__summary .details-title:focus {
-  outline: none;
+  outline: solid 2px transparent;
 }
 
 .collapse-processed > .olivero-details__summary .details-title:hover {
diff --git a/core/themes/olivero/css/components/details.pcss.css b/core/themes/olivero/css/components/details.pcss.css
index ee096ecf519ee28ca3d39e5c952f68b58d6a30fd..73ed429b032d3d3d75648b9e2991eae57f2903d4 100644
--- a/core/themes/olivero/css/components/details.pcss.css
+++ b/core/themes/olivero/css/components/details.pcss.css
@@ -78,7 +78,8 @@
 
 /* Disable default outline for summary, since we have own implementation */
 .olivero-details__summary:focus {
-  outline: none;
+  outline: solid 2px transparent;
+  outline-offset: -4px;
 }
 
 /* Details summary, hover state */
@@ -129,7 +130,7 @@
 }
 
 .collapse-processed > .olivero-details__summary .details-title:focus {
-  outline: none;
+  outline: solid 2px transparent;
 }
 
 .collapse-processed > .olivero-details__summary .details-title:hover {