diff --git a/views/layout.erb b/views/layout.erb
index 3caaa0a..09ed101 100644
--- a/views/layout.erb
+++ b/views/layout.erb
@@ -26,6 +26,9 @@
         border: 3px solid var(--dark-blue);
         margin-right: 1rem;
         outline: none;
+        transition: all .25s ease-in-out;
+        -moz-transition: all .25s ease-in-out;
+        -webkit-transition: all .25s ease-in-out;
       }
 
       input:focus, input:hover {