diff --git a/app/components/Home/components/Section/components/SectionViz/NodeDetails.tsx b/app/components/Home/components/Section/components/SectionViz/NodeDetails.tsx
index e68de6f5..eb38cf28 100644
--- a/app/components/Home/components/Section/components/SectionViz/NodeDetails.tsx
+++ b/app/components/Home/components/Section/components/SectionViz/NodeDetails.tsx
@@ -80,11 +80,13 @@ function createFilterUrl(rank?: string, name?: string): LinkProps["url"] {
     },
   ];
 
-  // Return a Link URL object with href and query parameters
-  return {
-    href: "/data/assemblies",
-    query: encodeURIComponent(JSON.stringify({ filter })),
-  };
+  // Create the URLSearchParams object.
+  const params = new URLSearchParams({
+    filter: JSON.stringify(filter),
+  });
+
+  // Return the link with query params.
+  return `/data/assemblies?${params.toString()}`;
 }
 
 export const NodeDetails: React.FC<NodeDetailsProps> = ({
diff --git a/package-lock.json b/package-lock.json
index b086648b..d526ee32 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
       "name": "brc-analytics",
       "version": "0.10.0",
       "dependencies": {
-        "@databiosphere/findable-ui": "^34.1.0",
+        "@databiosphere/findable-ui": "^35.0.3",
         "@emotion/react": "^11.13.3",
         "@emotion/styled": "^11.13.0",
         "@mdx-js/loader": "^3.0.1",
@@ -2406,9 +2406,9 @@
       }
     },
     "node_modules/@databiosphere/findable-ui": {
-      "version": "34.1.0",
-      "resolved": "https://registry.npmjs.org/@databiosphere/findable-ui/-/findable-ui-34.1.0.tgz",
-      "integrity": "sha512-3Slw01P51LKe3YWLayEaDZamXbMuHBIT8cW79XV+v8qGlpTPBFaS/iOGS38h0H9doesBRkGoosc3eaFGXi+rhQ==",
+      "version": "35.0.3",
+      "resolved": "https://registry.npmjs.org/@databiosphere/findable-ui/-/findable-ui-35.0.3.tgz",
+      "integrity": "sha512-apuaakfXr1oHSKJGt+Q4/4wPFZ4gkKOQnpGCTcJVd4gdmIgtnbIWTMUgn70vGN787VXFN4wPVKA1myMCeSRlxA==",
       "engines": {
         "node": "20.10.0"
       },
@@ -4149,6 +4149,21 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "14.2.29",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.29.tgz",
+      "integrity": "sha512-9i+JEHBOVgqxQ92HHRFlSW1EQXqa/89IVjtHgOqsShCcB/ZBjTtkWGi+SGCJaYyWkr/lzu51NTMCfKuBf7ULNw==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/@next/swc-linux-x64-gnu": {
       "version": "14.2.29",
       "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.29.tgz",
@@ -22538,21 +22553,6 @@
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
       }
-    },
-    "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "14.2.29",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.29.tgz",
-      "integrity": "sha512-9i+JEHBOVgqxQ92HHRFlSW1EQXqa/89IVjtHgOqsShCcB/ZBjTtkWGi+SGCJaYyWkr/lzu51NTMCfKuBf7ULNw==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
     }
   }
 }
diff --git a/package.json b/package.json
index 398d1712..b111db1b 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "validate-catalog": "./catalog/schema/scripts/validate-catalog.sh"
   },
   "dependencies": {
-    "@databiosphere/findable-ui": "^34.1.0",
+    "@databiosphere/findable-ui": "^35.0.3",
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
     "@mdx-js/loader": "^3.0.1",
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 9446085d..326c2aa4 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -21,6 +21,7 @@ import { config } from "../app/config/config";
 import { mergeAppTheme } from "../app/theme/theme";
 import { GoogleSignInAuthenticationProvider } from "@databiosphere/findable-ui/lib/providers/googleSignInAuthentication/provider";
 import { setFeatureFlags } from "@databiosphere/findable-ui/lib/hooks/useFeatureFlag/common/utils";
+import { ServicesProvider } from "@databiosphere/findable-ui/lib/providers/services/provider";
 
 const DEFAULT_ENTITY_LIST_TYPE = "organisms";
 
@@ -63,39 +64,41 @@ function MyApp({ Component, pageProps }: AppPropsWithComponent): JSX.Element {
         <DXConfigProvider config={appConfig} entityListType={entityListType}>
           <Head pageTitle={pageTitle} />
           <CssBaseline />
-          <SystemStatusProvider>
-            <GoogleSignInAuthenticationProvider>
-              <LayoutDimensionsProvider>
-                <AppLayout>
-                  <DXHeader {...header} />
-                  <ExploreStateProvider entityListType={entityListType}>
-                    <Main>
-                      <ErrorBoundary
-                        fallbackRender={({
-                          error,
-                          reset,
-                        }: {
-                          error: DataExplorerError;
-                          reset: () => void;
-                        }): JSX.Element => (
-                          <Error
-                            errorMessage={error.message}
-                            requestUrlMessage={error.requestUrlMessage}
-                            rootPath={redirectRootToPath}
-                            onReset={reset}
-                          />
-                        )}
-                      >
-                        <Component {...pageProps} />
-                        <Floating {...floating} />
-                      </ErrorBoundary>
-                    </Main>
-                  </ExploreStateProvider>
-                  <StyledFooter {...footer} />
-                </AppLayout>
-              </LayoutDimensionsProvider>
-            </GoogleSignInAuthenticationProvider>
-          </SystemStatusProvider>
+          <ServicesProvider>
+            <SystemStatusProvider>
+              <GoogleSignInAuthenticationProvider>
+                <LayoutDimensionsProvider>
+                  <AppLayout>
+                    <DXHeader {...header} />
+                    <ExploreStateProvider entityListType={entityListType}>
+                      <Main>
+                        <ErrorBoundary
+                          fallbackRender={({
+                            error,
+                            reset,
+                          }: {
+                            error: DataExplorerError;
+                            reset: () => void;
+                          }): JSX.Element => (
+                            <Error
+                              errorMessage={error.message}
+                              requestUrlMessage={error.requestUrlMessage}
+                              rootPath={redirectRootToPath}
+                              onReset={reset}
+                            />
+                          )}
+                        >
+                          <Component {...pageProps} />
+                          <Floating {...floating} />
+                        </ErrorBoundary>
+                      </Main>
+                    </ExploreStateProvider>
+                    <StyledFooter {...footer} />
+                  </AppLayout>
+                </LayoutDimensionsProvider>
+              </GoogleSignInAuthenticationProvider>
+            </SystemStatusProvider>
+          </ServicesProvider>
         </DXConfigProvider>
       </ThemeProvider>
     </EmotionThemeProvider>