diff --git a/docs/css/custom.css b/docs/css/custom.css
index 121903abe..3346ba83c 100644
--- a/docs/css/custom.css
+++ b/docs/css/custom.css
@@ -398,11 +398,19 @@ body {
 }
 
 .markdown details summary {
-  width: 100%;
-  padding: 0.5rem 1rem;
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+  list-style: none;
+  outline: none;
   cursor: pointer;
 }
 
+.markdown details summary:focus-visible {
+  outline: 2px solid var(--ifm-color-primary, #a855f7);
+  outline-offset: 2px;
+}
+
 .markdown details [class^="collapsibleContent"] {
   border-top: none !important;
   padding: 0;