diff --git a/web/src/pages/TracesPage/QueryBrowser.tsx b/web/src/pages/TracesPage/QueryBrowser.tsx
index b00f7cf..ff87d8e 100644
--- a/web/src/pages/TracesPage/QueryBrowser.tsx
+++ b/web/src/pages/TracesPage/QueryBrowser.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import { Divider, PageSection, Split, SplitItem, Stack, Title } from '@patternfly/react-core';
 import { useTranslation } from 'react-i18next';
 import {
@@ -61,6 +61,13 @@ export function QueryBrowserBody() {
   const [limit, setLimit] = useQueryParam('limit', withDefault(NumberParam, DEFAULT_LIMIT));
   const { timeRange, setTimeRange, refresh } = useTimeRange();
 
+  // Refresh query if Tempo instance or tenant changes.
+  // The Perses data source is selected via a mock DatasourceApiImpl implementation in <PersesWrapper>,
+  // therefore Perses doesn't refresh automatically if the Tempo instance changes.
+  useEffect(() => {
+    refresh();
+  }, [tempo, refresh]);
+
   const runQuery = useCallback(
     (query: string) => {
       setQuery(query);