diff --git a/assets/scss/_mixins.scss b/assets/scss/_mixins.scss
index 376a754..eebbe16 100644
--- a/assets/scss/_mixins.scss
+++ b/assets/scss/_mixins.scss
@@ -175,4 +175,9 @@ body .toc a:hover {
 .container .btn-primary.active {
   background: #368f6e !important;
   border-color: #368f6e !important;
+}
+
+.form-control:focus {
+  border-color: #40ba84 !important;
+  box-shadow: 0 0 0 0.2rem rgba(64, 186, 132, 0.25) !important;
 }
\ No newline at end of file