diff --git a/src/components/HelpPopup.vue b/src/components/HelpPopup.vue
index 32c8469..787aea3 100644
--- a/src/components/HelpPopup.vue
+++ b/src/components/HelpPopup.vue
@@ -94,7 +94,7 @@ html[data-theme='dark'] .help-icon {
   box-shadow: none;
 
   &:focus-visible {
-    outline: 2px solid red;
+    outline: var(--pico-outline-width) solid var(--pico-primary-focus);
   }
 
   .help-icon {