diff --git a/css/search-box.css b/css/search-box.css
index 208e3f5..0bbb976 100644
--- a/css/search-box.css
+++ b/css/search-box.css
@@ -15,7 +15,7 @@
 }
 
 #searchBox {
-	width: 30vw;
+	width: 350px;
 	height: 48px;
 
 	padding-left: 10px;
@@ -36,6 +36,8 @@
 
 	border: none;
 	border-radius: 24px;
+
+	transition: all var(--transition-speed);
 	
 	backdrop-filter: blur(var(--blur-strength));
 }
diff --git a/css/web-menu.css b/css/web-menu.css
index 9d61d46..06e5f59 100644
--- a/css/web-menu.css
+++ b/css/web-menu.css
@@ -76,9 +76,11 @@
 	border: none;
 	border-radius: 6px;
 	
-	width: 25%;
+	width: 225px;
 	height: 36px;
 	margin: 0;
+
+	transition: all var(--transition-speed);
 }
 
 #webMenuSearchBox::placeholder {