diff --git a/app/javascript/application.scss b/app/javascript/application.scss
index 47eeb4f6..7d8600f9 100644
--- a/app/javascript/application.scss
+++ b/app/javascript/application.scss
@@ -4,6 +4,13 @@
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
 
+input:focus {
+  outline-color: rgb(14, 99, 200);
+  outline-style: solid;
+  outline-width: 8px;
+  outline-offset: 4px;
+}
+
 a[href],
 input[type='checkbox'],
 input[type='submit'],
diff --git a/app/javascript/form.scss b/app/javascript/form.scss
index 92fc6f6a..26fe848c 100644
--- a/app/javascript/form.scss
+++ b/app/javascript/form.scss
@@ -4,6 +4,13 @@
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
 
+input:focus {
+  outline-color: rgb(14, 99, 200);
+  outline-style: solid;
+  outline-width: 8px;
+  outline-offset: 4px;
+}
+
 a[href],
 input[type='checkbox'],
 input[type='submit'],