diff --git a/web/package-lock.json b/web/package-lock.json
index e6e8988..4d3771d 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -15,6 +15,7 @@
         "@mui/material": "^5.15.14",
         "@patternfly/react-charts": "6.92.0",
         "@patternfly/react-core": "^5.4.13",
+        "@patternfly/react-icons": "^5.4.2",
         "@perses-dev/components": "0.49.0-rc.1",
         "@perses-dev/dashboards": "0.49.0-rc.1",
         "@perses-dev/panels-plugin": "0.49.0-rc.1",
diff --git a/web/package.json b/web/package.json
index dd90248..372b3d6 100644
--- a/web/package.json
+++ b/web/package.json
@@ -77,6 +77,7 @@
     "@mui/material": "^5.15.14",
     "@patternfly/react-core": "^5.4.13",
     "@patternfly/react-charts": "6.92.0",
+    "@patternfly/react-icons": "^5.4.2",
     "@perses-dev/components": "0.49.0-rc.1",
     "@perses-dev/dashboards": "0.49.0-rc.1",
     "@perses-dev/panels-plugin": "0.49.0-rc.1",
diff --git a/web/src/components/TypeaheadSelect.tsx b/web/src/components/TypeaheadSelect.tsx
index b4b54e5..fb2bde1 100644
--- a/web/src/components/TypeaheadSelect.tsx
+++ b/web/src/components/TypeaheadSelect.tsx
@@ -12,7 +12,7 @@ import {
   Button,
   Spinner,
 } from '@patternfly/react-core';
-import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+import { TimesIcon } from '@patternfly/react-icons';
 import { useTranslation } from 'react-i18next';
 
 interface TypeaheadSelectProps {