diff --git a/app/app.css b/app/app.css
index 4889455..4c07a19 100644
--- a/app/app.css
+++ b/app/app.css
@@ -525,9 +525,7 @@ nav ul li.active {
 .search {
   display: flex;
   align-items: center;
-  max-width: 50%;
   margin-left: auto;
-  transition: all 300ms;
 }
 .search .icon {
   width: 32px;
@@ -538,15 +536,12 @@ nav ul li.active {
   color: inherit;
   background-color: inherit;
   border-bottom: 1px solid var(--fg);
-  xtransition: all 300ms;
+  transition: all 300ms;
   width: 0;
   padding: 0;
 }
-.search.open {
-  flex-grow: 1;
-}
 .search.open input {
-  flex-grow: 1;
+  width: 10vw;
 }
 .art {
   margin-right: var(--icon-spacing);
diff --git a/app/css/search.less b/app/css/search.less
index e8d919c..b563f8e 100644
--- a/app/css/search.less
+++ b/app/css/search.less
@@ -1,9 +1,7 @@
 .search {
 	display: flex;
 	align-items: center;
-	max-width: 50%;
 	margin-left: auto;
-	transition: all 300ms;
 
 	.icon {
 		width: 32px;
@@ -15,15 +13,14 @@
 		color: inherit;
 		background-color: inherit;
 		border-bottom: 1px solid var(--fg);
-		xtransition: all 300ms;
+		transition: all 300ms;
 		width: 0;
 		padding: 0;
 	}
 
 	&.open {
-		flex-grow: 1;
 		input {
-			flex-grow: 1;
+			width: 10vw;
 		}
 	}
 }
\ No newline at end of file