diff --git a/src/styles/components/tasks.scss b/src/styles/components/tasks.scss
index 445aa90ea..e531f4c2b 100644
--- a/src/styles/components/tasks.scss
+++ b/src/styles/components/tasks.scss
@@ -279,3 +279,17 @@
   width: 100%;
   max-width: $desktop;
 }
+
+.tasktext {
+  :focus {
+    box-shadow: inset 0 0 0 2px rgba($primary, 0.5);
+  }
+
+  :focus:not(:focus-visible) {
+    outline: 0;
+  }
+
+  :focus-visible, :-moz-focusring {
+    box-shadow: inset 0 0 0 2px rgba($primary, 0.5);
+  }
+}
diff --git a/src/styles/theme/theme.scss b/src/styles/theme/theme.scss
index 4146e9128..ce6bb7bb3 100644
--- a/src/styles/theme/theme.scss
+++ b/src/styles/theme/theme.scss
@@ -8,6 +8,18 @@
   outline: none;
 }
 
+:focus {
+  box-shadow: 0 0 0 2px rgba($primary, 0.5);
+}
+
+:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+:focus-visible, :-moz-focusring {
+  box-shadow: 0 0 0 2px rgba($primary, 0.5);
+}
+
 body {
   background: url('../../public/images/llama.svg') no-repeat bottom left fixed $light-background;
   min-height: 100vh;