diff --git a/src/pages/observability-packs.js b/src/pages/observability-packs.js
index c5fa4b40b..94201177e 100644
--- a/src/pages/observability-packs.js
+++ b/src/pages/observability-packs.js
@@ -111,7 +111,8 @@ const ObservabilityPacksPage = ({ data, location }) => {
         css={css`
           margin: 15px 0;
         `}
-        onClear={() => null}
+        value={searchTerm}
+        onClear={() => setSearchTerm('')}
         placeholder="Search for an observability pack"
         onChange={(e) => {
           setSearchTerm(e.target.value.toLowerCase());