diff --git a/src/App.vue b/src/App.vue
index 76938920..5ae4f603 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -152,6 +152,11 @@ b {
     @apply pl-2.5;
 }
 
+.input:focus {
+    @apply border-2 border-red-500 outline-none;
+    box-shadow: 0 0 15px rgba(239, 68, 68, var(--un-border-opacity));
+}
+
 hr {
     @apply !mt-2 !mb-3 border-gray-300;
 }
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 5262e476..fceb446a 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -174,9 +174,3 @@ export default {
     },
 };
 </script>
-<style>
-.input:focus {
-    @apply border-2 border-red-500;
-    box-shadow: 0 0 15px rgba(239, 68, 68, var(--un-border-opacity));
-}
-</style>