diff --git a/web/components/search.css b/web/components/search.css
--- a/web/components/search.css
+++ b/web/components/search.css
@@ -12,7 +12,8 @@
   color: var(--search-icon-color);
 }
 
-input.searchInput {
+input.searchInput,
+#searchInputID {
   background-color: transparent;
   font-size: var(--m-font-16);
   line-height: 1.5;
diff --git a/web/components/search.react.js b/web/components/search.react.js
--- a/web/components/search.react.js
+++ b/web/components/search.react.js
@@ -34,6 +34,7 @@
         <SWMansionIcon size={24} icon="search" />
       </div>
       <input
+        id={css.searchInputID}
         className={css.searchInput}
         onChange={onChange}
         value={searchText}