diff --git a/assets/css/base.pcss b/assets/css/base.pcss
index 96477b708..68c87e115 100644
--- a/assets/css/base.pcss
+++ b/assets/css/base.pcss
@@ -18,4 +18,9 @@
   iframe {
     @apply w-full;
   }
+
+  a:focus {
+    @apply outline-black dark:outline-white;
+    outline-offset: 2px !important;
+  }
 }
diff --git a/assets/css/components.pcss b/assets/css/components.pcss
index c9b8504a6..8865455cb 100644
--- a/assets/css/components.pcss
+++ b/assets/css/components.pcss
@@ -3,14 +3,6 @@
     @apply underline text-blue-primary hover:text-blue-900 dark:text-blue-400 dark:hover:text-white;
     text-decoration-thickness: 1px;
     text-underline-offset: 0.1em;
-
-
-    &:focus {
-      @apply no-underline;
-      outline-color: currentColor;
-      outline-offset: 2px;
-      outline-style: solid;
-    }
   }
 
   .markdown {
diff --git a/tailwind.config.js b/tailwind.config.js
index 575994cc8..5501bdb29 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -13,6 +13,10 @@ module.exports = {
     ],
   },
   theme: {
+    outline: {
+      black: '1px solid black',
+      white: '1px solid white'
+    },
     extend: {
       typography: (theme) => ({
         DEFAULT: {