diff --git a/web/src/components/SearchInput.tsx b/web/src/components/SearchInput.tsx
index f25cada8d1..0e694b3240 100644
--- a/web/src/components/SearchInput.tsx
+++ b/web/src/components/SearchInput.tsx
@@ -74,7 +74,7 @@ const SearchInput = ({
         <TextInput
           placeholder={placeholderText}
           aria-label={placeholderText}
-          defaultValue={filterText}
+          value={filterText}
           onChange={handleFilterTextChange}
           onClick={onClickInput}
           autoFocus
diff --git a/web/src/routes/SearchPage.tsx b/web/src/routes/SearchPage.tsx
index 420ac7138f..14604e72a4 100644
--- a/web/src/routes/SearchPage.tsx
+++ b/web/src/routes/SearchPage.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement, useState } from 'react'
+import React, { ReactElement, useState, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useLocation, useNavigate } from 'react-router-dom'
 import styled from 'styled-components'
@@ -38,6 +38,10 @@ const SearchPage = ({ city, cityCode, languageCode, pathname }: CityRouteProps):
   const navigate = useNavigate()
   const fallbackLanguage = config.sourceLanguage
 
+  useEffect(() => {
+    setFilterText(query)
+  }, [query])
+
   const {
     data: contentLanguageDocuments,
     loading,