diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
index fd428acba9e02..8eddcc7e5a03f 100644
--- a/assets/scss/_custom.scss
+++ b/assets/scss/_custom.scss
@@ -242,9 +242,23 @@ body.td-404 main .error-details {
 .search-item.nav-item {
     input, input::placeholder {
       color: black;
+      width: 200px;
+      box-sizing: border-box;
+      padding: 8px;
+      height: 40px;
+      font-size: 14px;
+      transition: width 0.3s ease-in-out;
+      -webkit-appearance: none;
+      -moz-appearance: none;
+      appearance: none;
   }
 }
 
+input[type="search"]{
+  -moz-box-sizing: border-box;
+  width: 100%;
+}
+
 .flip-nav .search-item {
   .td-search-input, .search-bar {
     background-color: $medium-grey;