diff --git a/ui/webui/resources/br_elements/br_toolbar/br_toolbar_search_field.css b/ui/webui/resources/br_elements/br_toolbar/br_toolbar_search_field.css
index 8a4e041b195a..174950ed9f01 100644
--- a/ui/webui/resources/br_elements/br_toolbar/br_toolbar_search_field.css
+++ b/ui/webui/resources/br_elements/br_toolbar/br_toolbar_search_field.css
@@ -13,6 +13,7 @@
     --search-icon-padding: 4px;
     --search-button-width: calc(var(--search-icon-size) + 2 * var(--search-padding) + 2 * var(--search-icon-padding));
     --leo-icon-size: var(--search-icon-size);
+    --animation-duration: 200ms;
 
     position: absolute;
     bottom: 0;
@@ -40,7 +41,7 @@
     position: relative;
     height: 100%;
     width: var(--search-button-width);
-    transition: width 400ms ease-in-out 0s;
+    transition: width var(--animation-duration) ease-in-out 0s;
     display: flex;
     align-items: center;
 }
@@ -67,7 +68,7 @@
 
 .page-search_box {
     background-image: var(--toolbar-background);
-    transition: opacity 400ms ease-in-out 0s;
+    transition: opacity var(--animation-duration) ease-in-out 0s;
     opacity: 0;
     position: absolute;
     top: 0;
diff --git a/ui/webui/resources/br_elements/br_toolbar/br_toolbar_search_field.ts b/ui/webui/resources/br_elements/br_toolbar/br_toolbar_search_field.ts
index 6834839314e4..e315411da203 100644
--- a/ui/webui/resources/br_elements/br_toolbar/br_toolbar_search_field.ts
+++ b/ui/webui/resources/br_elements/br_toolbar/br_toolbar_search_field.ts
@@ -121,8 +121,6 @@ export class BraveToolbarSearchField extends BraveToolbarSearchFieldBase {
   onInputBlur_() {
     this.isBlurring_ = true
     this.searchFocused_ = false
-    if (!this.hasSearchText)
-      this.showingSearch = false
   }
 
   onSearchTermKeydown_(e: KeyboardEvent) {