diff --git a/src/app/app.component.css b/src/app/app.component.css
index fec4f109fa18f96b52e953adc1823d55fc6256e4..ae7e7765794b6d151da1b60d8957b648c52596ea 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -101,6 +101,10 @@ article {
   font-size: 16px;
   width: 144px;
 }
+.search input:focus {
+  outline: none;
+  border-color: #79a;
+}
 
 @media all and (max-width: 1024px) {
   .hidemenu {
diff --git a/src/app/type-details.component.css b/src/app/type-details.component.css
index 8787da50a6965cf9f0666409b04b62f8da277d1d..cab7696b77c954134946456038426629f827df44 100644
--- a/src/app/type-details.component.css
+++ b/src/app/type-details.component.css
@@ -61,6 +61,10 @@ summary {
   font-size: 16px;
   width: 144px;
 }
+.filter input:focus {
+  outline: none;
+  border-color: #79a;
+}
 .filter button {
   border: 4px solid grey;
   border-radius: 4px;