diff --git a/static/css/custom.css b/static/css/custom.css
index 7c4eedb..e7131a2 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -224,6 +224,8 @@ form {
   flex-direction: row;
   border-radius: 0.25rem;
   outline: 0.25rem solid var(--bg);
+  width: 240px;
+  transition: width .2s ease-in-out, outline .2s ease-in-out;
 }
 
 input {
@@ -243,6 +245,7 @@ input:focus {
 
 form:focus-within {
   outline: 1px solid var(--logo);
+  width: 100%;
 }
 
 form button {
@@ -250,4 +253,4 @@ form button {
   border: none;
   background-color: var(--off-bg);
   color: var(--link);
-}
+}
\ No newline at end of file