diff --git a/app/javascript/application.scss b/app/javascript/application.scss
index 7d8600f9..1243633a 100644
--- a/app/javascript/application.scss
+++ b/app/javascript/application.scss
@@ -4,7 +4,7 @@
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
 
-input:focus {
+:focus-visible {
   outline-color: rgb(14, 99, 200);
   outline-style: solid;
   outline-width: 8px;
diff --git a/app/javascript/form.scss b/app/javascript/form.scss
index 26fe848c..c6f01593 100644
--- a/app/javascript/form.scss
+++ b/app/javascript/form.scss
@@ -4,7 +4,7 @@
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
 
-input:focus {
+:focus-visible {
   outline-color: rgb(14, 99, 200);
   outline-style: solid;
   outline-width: 8px;