diff --git a/src/pydata_sphinx_theme/assets/styles/extensions/_togglebutton.scss b/src/pydata_sphinx_theme/assets/styles/extensions/_togglebutton.scss
index 18a4f93d0..cc75fa98b 100644
--- a/src/pydata_sphinx_theme/assets/styles/extensions/_togglebutton.scss
+++ b/src/pydata_sphinx_theme/assets/styles/extensions/_togglebutton.scss
@@ -133,6 +133,10 @@
         box-shadow: none;
       }
 
+      &:focus-visible {
+        outline-offset: -$focus-ring-width;
+      }
+
       &:hover {
         $box-shadow-offset: 2px;