diff --git a/dataload/configs/subgraph_configs/src/shared.py b/dataload/configs/subgraph_configs/src/shared.py
index 4d3ce2d..0a0324c 100644
--- a/dataload/configs/subgraph_configs/src/shared.py
+++ b/dataload/configs/subgraph_configs/src/shared.py
@@ -30,7 +30,8 @@
         "mondo:0000001",
         "efo:0000408",
         "chebi:36080",
-        "chebi:24431"
+        "chebi:24431",
+        "biolink:ChemicalEntity"
     ],
     "additional_equivalence_groups": [
         ["grebi:name", "ols:label", "rdfs:label", "monarch:name", "impc:name", "reactome:displayName", "dcterms:title", "ncit:Preferred_Name", "robokop:name"],
diff --git a/webapp/grebi_ui/dev_server.mjs b/webapp/grebi_ui/dev_server.mjs
index 6da7410..a0c09e0 100644
--- a/webapp/grebi_ui/dev_server.mjs
+++ b/webapp/grebi_ui/dev_server.mjs
@@ -8,6 +8,7 @@ import nocache from 'nocache'
 let server = express()
 
 server.use(nocache())
+server.set('etag', false)
 
 if(process.env.GREBI_DEV_BACKEND_PROXY_URL === undefined) {
     throw new Error('please set GREBI_DEV_BACKEND_PROXY_URL before running dev server')
@@ -30,7 +31,7 @@ server.use(/^\/api.*/, async (req, res) => {
 })
 
 
-server.use(express.static('dist'))
+server.use(express.static('dist', { etag: false }))
 
 server.get(/^(?!\/api).*$/, (req, res) => {
   res.sendFile(process.cwd() + '/dist/index.html')
diff --git a/webapp/grebi_ui/src/app/api.ts b/webapp/grebi_ui/src/app/api.ts
index 516fcf1..f3f0e17 100644
--- a/webapp/grebi_ui/src/app/api.ts
+++ b/webapp/grebi_ui/src/app/api.ts
@@ -69,7 +69,7 @@ export async function getPaginated<ResType>(
 	res.page || 0,
 	res.numElements || 0,
 	res.totalPages || 0,
-	res.totalElements || 0,
+	res.total || 0,
 	res.content || [],
 	res.facetFieldToCounts || new Map()
   );
diff --git a/webapp/grebi_ui/src/components/SearchInterface.tsx b/webapp/grebi_ui/src/components/SearchInterface.tsx
new file mode 100644
index 0000000..7d5c6ed
--- /dev/null
+++ b/webapp/grebi_ui/src/components/SearchInterface.tsx
@@ -0,0 +1,368 @@
+
+import { Close, KeyboardArrowDown } from "@mui/icons-material";
+import { Pagination } from "@mui/material";
+import { Fragment, useCallback, useEffect, useState } from "react";
+import { Link, useParams, useSearchParams } from "react-router-dom";
+import { getPaginated } from "../app/api";
+import { usePrevious, copyToClipboard } from "../app/util";
+import GraphNode from "../model/GraphNode";
+import CollapsingIdList from "./CollapsingIdList";
+import { DatasourceTags } from "./DatasourceTag";
+import LoadingOverlay from "./LoadingOverlay";
+import SearchBox from "./SearchBox";
+
+export default function SeachInterface(opts:{ subgraph:string }
+) {
+    let { subgraph } = opts
+
+  const [searchParams] = useSearchParams();
+  const search = searchParams.get("q") || "";
+
+  const params = useParams();
+
+  let [loadingResults, setLoadingResults] = useState<boolean>(true);
+  let [results, setResults] = useState<GraphNode[]>([]);
+  let [totalResults, setTotalResults] = useState<number>(0);
+
+  let [facets, setFacets] = useState<any>({});
+
+  const prevSearch = usePrevious(search);
+
+  const [page, setPage] = useState<number>(0);
+  const [rowsPerPage, setRowsPerPage] = useState<number>(10);
+  const [ontologyFacetQuery, setOntologyFacetQuery] = useState<string>("");
+  const [hideFilters, setHideFilters] = useState<boolean>(true);
+
+  const datasourceFacets =
+    facets && Object.keys(facets).length > 0 ? facets["grebi:datasources"] : {};
+  const [datasourceFacetselected, setDatasourceFacetselected] = useState<string[]>(
+    []
+  );
+  const handleOntologyFacet = useCallback(
+    (checked, key) => {
+      let selected: string[] = datasourceFacetselected;
+      if (checked) {
+        selected = [...selected, key];
+      } else {
+        selected = selected.filter((facet) => facet !== key);
+      }
+      setDatasourceFacetselected((prev) => {
+        if (selected !== prev) setPage(0);
+        return selected;
+      });
+    },
+    [datasourceFacetselected, setDatasourceFacetselected]
+  );
+  const typeFacets =
+    facets && Object.keys(facets).length > 0 ? facets["type"] : {};
+  const [typeFacetSelected, setTypeFacetSelected] = useState<string[]>([]);
+  const handleTypeFacet = useCallback(
+    (checked, key) => {
+      let selected: string[] = typeFacetSelected;
+      if (checked) {
+        selected = [...selected, key];
+      } else {
+        selected = selected.filter((facet) => facet !== key);
+      }
+      setTypeFacetSelected((prev) => {
+        if (selected !== prev) setPage(0);
+        return selected;
+      });
+    },
+    [typeFacetSelected, setTypeFacetSelected]
+  );
+
+  const [ontologyFacetFiltered, setOntologyFacetFiltered] = useState<object>(
+    {}
+  );
+  useEffect(() => {
+    setOntologyFacetFiltered(datasourceFacets);
+  }, [JSON.stringify(datasourceFacets)]);
+
+  const [isShortFormCopied, setIsShortFormCopied] = useState(false);
+  const copyShortForm = (text: string) => {
+    copyToClipboard(text)
+      .then(() => {
+        setIsShortFormCopied(true);
+        // revert after a few seconds
+        setTimeout(() => {
+          setIsShortFormCopied(false);
+        }, 500);
+      })
+      .catch((err) => {
+        console.log(err);
+      });
+  };
+
+  useEffect(() => {
+
+    async function doSearch() {
+      setLoadingResults(true)
+
+      let res = (await getPaginated<any>(`api/v1/subgraphs/${subgraph}/search`, {
+        page: page.toString(), size: rowsPerPage.toString(), q: search,
+        facet: ['grebi:datasources','grebi:type']
+        /*grebi__datasource: datasourceFacetselected,
+        type: typeFacetSelected,
+        searchParams,*/
+      })).map(r => new GraphNode(r))
+
+      setResults(res.elements)
+      setFacets(res.facetFieldsToCounts)
+
+      setLoadingResults(false)
+    }
+
+    doSearch()
+  }, [
+    search,
+    page,
+    rowsPerPage,
+    datasourceFacetselected,
+    typeFacetSelected,
+    searchParams,
+  ]);
+  useEffect(() => {
+    if (prevSearch !== search) setPage(0);
+  }, [search, prevSearch]);
+
+  return <Fragment>
+        <div className="flex flex-nowrap gap-4 mb-6">
+          <SearchBox subgraph={subgraph} initialQuery={search} />
+        </div>
+        <div className="grid grid-cols-1 lg:grid-cols-4 lg:gap-8">
+          <div
+            className={`fixed top-0 left-0 mb-4 z-30 lg:z-0 lg:static lg:col-span-1 bg-gradient-to-r from-neutral-light to-white rounded-lg p-8 text-neutral-black overflow-x-auto h-full lg:h-fit lg:translate-x-0 transition-transform ${
+              hideFilters ? "-translate-x-full" : "translate-x-0"
+            }`}
+          >
+            <div className="flex flex-row items-center justify-between mb-4">
+              <div className="font-bold text-neutral-dark text-sm mr-2">
+                {`Showing ${
+                  totalResults > rowsPerPage ? rowsPerPage : totalResults
+                } from a total of ${totalResults}`}
+              </div>
+              <button
+                className="lg:hidden"
+                type="button"
+                onClick={() => {
+                  setHideFilters(true);
+                }}
+              >
+                <Close />
+              </button>
+            </div>
+            {totalResults > 0 ? (
+              <div className="text-neutral-black">
+                <div className="font-semibold text-lg mb-2">Type</div>
+                <fieldset className="mb-4">
+                  {typeFacets && Object.keys(typeFacets).length > 0
+                    ? Object.keys(typeFacets)
+                        .sort((a, b) => {
+                          const ac = a ? a.toString() : "";
+                          const bc = b ? b.toString() : "";
+                          return ac.localeCompare(bc);
+                        })
+                        .map((key) => {
+                          if (key !== "entity" && typeFacets[key] > 0) {
+                            return (
+                              <label
+                                key={key}
+                                htmlFor={key}
+                                className="block p-1 w-fit"
+                              >
+                                <input
+                                  type="checkbox"
+                                  id={key}
+                                  className="invisible hidden peer"
+                                  checked={typeFacetSelected.includes(key)}
+                                  onChange={(e) => {
+                                    handleTypeFacet(e.target.checked, key);
+                                  }}
+                                />
+                                <span className="input-checkbox mr-4" />
+                                <span className="capitalize mr-4">
+                                  {key} &#40;{typeFacets[key]}&#41;
+                                </span>
+                              </label>
+                            );
+                          } else return null;
+                        })
+                    : null}
+                </fieldset>
+                <div className="font-semibold text-lg mb-2">Ontology</div>
+                <div className="relative grow">
+                  <input
+                    id="facet-search-ontology"
+                    type="text"
+                    autoComplete="off"
+                    placeholder="Search id..."
+                    className="input-default text-sm mb-3 pl-3"
+                    value={ontologyFacetQuery}
+                    onChange={(event) => {
+                      if (event.target.value) {
+                        setOntologyFacetFiltered(
+                          Object.fromEntries(
+                            Object.entries(datasourceFacets).filter((key) =>
+                              key
+                                .toString()
+                                .toLowerCase()
+                                .includes(event.target.value.toLowerCase())
+                            )
+                          )
+                        );
+                        setOntologyFacetQuery(event.target.value);
+                      } else {
+                        setOntologyFacetFiltered(datasourceFacets);
+                        setOntologyFacetQuery("");
+                      }
+                    }}
+                  />
+                  {ontologyFacetQuery ? (
+                    <div className="absolute right-1.5 top-1.5 z-10">
+                      <button
+                        type="button"
+                        onClick={() => {
+                          setOntologyFacetFiltered(datasourceFacets);
+                          setOntologyFacetQuery("");
+                        }}
+                      >
+                        <Close />
+                      </button>
+                    </div>
+                  ) : null}
+                </div>
+                <fieldset>
+                  {ontologyFacetFiltered &&
+                  Object.keys(ontologyFacetFiltered).length > 0
+                    ? Object.keys(ontologyFacetFiltered)
+                        .sort((a, b) => {
+                          const ac = a ? a.toString() : "";
+                          const bc = b ? b.toString() : "";
+                          return ac.localeCompare(bc);
+                        })
+                        .map((key) => {
+                          if (ontologyFacetFiltered[key] > 0) {
+                            return (
+                              <label
+                                key={key}
+                                htmlFor={key}
+                                className="block p-1 w-fit"
+                              >
+                                <input
+                                  type="checkbox"
+                                  id={key}
+                                  className="invisible hidden peer"
+                                  checked={datasourceFacetselected.includes(key)}
+                                  onChange={(e) => {
+                                    handleOntologyFacet(e.target.checked, key);
+                                    setOntologyFacetQuery("");
+                                  }}
+                                />
+                                <span className="input-checkbox mr-4" />
+                                <span className="uppercase mr-4">
+                                  {key} &#40;{ontologyFacetFiltered[key]}&#41;
+                                </span>
+                              </label>
+                            );
+                          } else return null;
+                        })
+                    : null}
+                </fieldset>
+              </div>
+            ) : null}
+          </div>
+          <div className="lg:col-span-3">
+            <div className="flex flex-col-reverse gap-4 lg:flex-row justify-between mb-4">
+              <div className="lg:basis-3/4 lg:self-center text-2xl font-bold text-neutral-dark">
+                Search results for: {search}
+              </div>
+              <div className="justify-between flex flex-row items-center gap-4">
+                <button
+                  className="lg:hidden button-secondary"
+                  type="button"
+                  onClick={() => {
+                    setHideFilters(false);
+                  }}
+                >
+                  Filters
+                </button>
+                <div className="flex-none flex group relative text-md">
+                  <label className="self-center px-3">Show</label>
+                  <select
+                    className="input-default appearance-none pr-7 z-20 bg-transparent"
+                    onChange={(e) => {
+                      const rows = parseInt(e.target.value);
+                      setRowsPerPage((prev) => {
+                        if (rows !== prev) setPage(0);
+                        return rows;
+                      });
+                    }}
+                  >
+                    <option value={10}>10</option>
+                    <option value={25}>25</option>
+                    <option value={100}>100</option>
+                  </select>
+                  <div className="absolute right-2 top-2 z-10 text-neutral-default group-focus:text-neutral-dark group-hover:text-neutral-dark">
+                    <KeyboardArrowDown fontSize="medium" />
+                  </div>
+                </div>
+              </div>
+            </div>
+            {results.length > 0 ? (
+              <div>
+                <Pagination
+                  page={page}
+                  onPageChange={setPage}
+                  dataCount={totalResults}
+                  rowsPerPage={rowsPerPage}
+                />
+                {results.map((graphNode: GraphNode) => {
+                  let nodeType = graphNode.extractType()
+                  return (
+                    <div className="my-5">
+                      <div className="my-2 leading-loose truncate flex flex-row items-center">
+                        <Link to={graphNode.getLinkUrl()}
+                          className={`link-default text-xl mr-2 ${
+                            graphNode.isBoldForQuery(search) ? "font-bold" : ""
+                          } ${graphNode.isDeprecated() ? "line-through" : ""}`}
+                        >
+                          {graphNode.getName()}
+                        </Link>
+                      { nodeType &&
+                      <span style={{textTransform:'uppercase', fontVariant:'small-caps',fontWeight:'bold',fontSize:'small',verticalAlign:'middle',marginLeft:'12px',marginRight:'12px'}}>{nodeType.long}</span>
+                    }
+            <DatasourceTags dss={graphNode.getDatasources()} />
+                    </div>
+                    <CollapsingIdList ids={graphNode.getSourceIds()} />
+                      {graphNode.getDescription() && (
+                      <div className="my-1 leading-relaxed">
+                        {graphNode.getDescription()}
+                      </div>)}
+                    </div>
+                  );
+                })}
+                <Pagination
+                  page={page}
+                  onPageChange={setPage}
+                  dataCount={totalResults}
+                  rowsPerPage={rowsPerPage}
+                />
+              </div>
+            ) : (
+              <div className="text-xl text-neutral-black font-bold">
+              </div>
+            )}
+          </div>
+        </div>
+        <div
+          className={`fixed top-0 right-0 backdrop-blur-none h-full w-full ${
+            hideFilters ? "hidden" : "z-20"
+          }`}
+          onClick={() => setHideFilters(true)}
+        />
+        {loadingResults ? (
+          <LoadingOverlay message="Search results loading..." />
+        ) : null}
+    </Fragment>
+}
diff --git a/webapp/grebi_ui/src/components/exposomekg/ExposureLinks.tsx b/webapp/grebi_ui/src/components/exposomekg/ExposureLinks.tsx
new file mode 100644
index 0000000..9f4f525
--- /dev/null
+++ b/webapp/grebi_ui/src/components/exposomekg/ExposureLinks.tsx
@@ -0,0 +1,90 @@
+import { useEffect, useState } from "react";
+import GraphNode from "../../model/GraphNode";
+import { getPaginated, Page } from "../../app/api";
+import encodeNodeId from "../../encodeNodeId";
+import { Grid, Typography } from "@mui/material";
+import { copyToClipboard } from "../../app/util";
+
+
+export default function ExposureLinks({node}:{node:GraphNode}) {
+
+    let type = node.extractType()
+    var links:any = null
+    if(type) {
+        if(type.short === 'Gene') {
+            links = <GeneExposureLinks node={node} />
+        }
+        if(type.short === 'Chemical') {
+            links = <ChemicalExposureLinks node={node} />
+        }
+    }
+
+
+    return <div>
+        <ExpandableSection title="Source IDs">
+                    <Grid container spacing={0.5} direction="row" alignItems={"left"} justifyContent={"left"} className="pb-5">
+              {node.getSourceIds().map(id => <Grid item>
+                <div className="bg-grey-default rounded-sm font-mono pl-1" style={{fontSize:'small'}}>
+                {id.value} <button onClick={() => { copyToClipboard(id.value); }} >
+                  <i className="icon icon-common icon-copy icon-spacer" />
+                </button>
+                </div>
+</Grid>
+)}
+            </Grid>
+        </ExpandableSection>
+        {links && links}
+    </div>
+}
+
+function GeneExposureLinks({node}:{node:GraphNode}) {
+
+    let [affectedBy, setAffectedBy] = useState<Page<any>|null>(null)
+
+    useEffect(() => {
+
+        async function getAffectedBy() {
+            let res = await getPaginated(`api/v1/subgraphs/${node.getSubgraph()}/nodes/${encodeNodeId(node.getNodeId())}/incoming_edges`, {
+                'grebi:type': 'biolink:chemical_gene_interaction_association'
+            })
+            setAffectedBy(res)
+        }
+         
+        getAffectedBy()
+
+    }, [node.getNodeId()])
+
+    return <div>
+
+        { affectedBy && 
+        <ExpandableSection title={`Gene affected by chemicals (${affectedBy.totalElements})`}>
+            <div/>
+        </ExpandableSection>
+    }
+
+    </div>
+
+
+
+}
+
+function ChemicalExposureLinks({node}:{node:GraphNode}) {
+
+    return <div></div>
+}
+
+
+
+function ExpandableSection({title, children}) {
+
+    let [expanded, setExpanded] = useState<boolean>(false);
+
+    return <div>
+        <Typography variant="h6" onClick={() => setExpanded(!expanded)} style={{cursor:'pointer'}}>
+            {expanded ? '-\t' : '+\t'}
+            {title}
+        </Typography>
+        { expanded && children }
+    </div>
+
+}
\ No newline at end of file
diff --git a/webapp/grebi_ui/src/frontends/ebi/pages/EbiSearchPage.tsx b/webapp/grebi_ui/src/frontends/ebi/pages/EbiSearchPage.tsx
index 07d8a2e..8d08fe9 100644
--- a/webapp/grebi_ui/src/frontends/ebi/pages/EbiSearchPage.tsx
+++ b/webapp/grebi_ui/src/frontends/ebi/pages/EbiSearchPage.tsx
@@ -1,370 +1,17 @@
-import { Close, KeyboardArrowDown } from "@mui/icons-material";
-import { Pagination } from "@mui/material";
-import { useCallback, useEffect, useState } from "react";
-import { Link, useParams, useSearchParams } from "react-router-dom";
-import { getPaginated } from "../../../app/api";
-import { usePrevious, copyToClipboard } from "../../../app/util";
-import { DatasourceTags } from "../../../components/DatasourceTag";
-import LoadingOverlay from "../../../components/LoadingOverlay";
-import SearchBox from "../../../components/SearchBox";
-import GraphNode from "../../../model/GraphNode";
 import EbiHeader from "../EbiHeader";
-import CollapsingIdList from "../../../components/CollapsingIdList";
+import SearchInterface from "../../../components/SearchInterface";
+import { useParams } from "react-router-dom";
 
 export default function EbiSearchPage() {
-  const [searchParams] = useSearchParams();
-  const search = searchParams.get("q") || "";
 
-  const params = useParams();
+  let params = useParams()
   const subgraph: string = params.subgraph as string;
 
-  let [loadingResults, setLoadingResults] = useState<boolean>(true);
-  let [results, setResults] = useState<GraphNode[]>([]);
-  let [totalResults, setTotalResults] = useState<number>(0);
-
-  let [facets, setFacets] = useState<any>({});
-
-  const prevSearch = usePrevious(search);
-
-  const [page, setPage] = useState<number>(0);
-  const [rowsPerPage, setRowsPerPage] = useState<number>(10);
-  const [ontologyFacetQuery, setOntologyFacetQuery] = useState<string>("");
-  const [hideFilters, setHideFilters] = useState<boolean>(true);
-
-  const datasourceFacets =
-    facets && Object.keys(facets).length > 0 ? facets["grebi:datasources"] : {};
-  const [datasourceFacetselected, setDatasourceFacetselected] = useState<string[]>(
-    []
-  );
-  const handleOntologyFacet = useCallback(
-    (checked, key) => {
-      let selected: string[] = datasourceFacetselected;
-      if (checked) {
-        selected = [...selected, key];
-      } else {
-        selected = selected.filter((facet) => facet !== key);
-      }
-      setDatasourceFacetselected((prev) => {
-        if (selected !== prev) setPage(0);
-        return selected;
-      });
-    },
-    [datasourceFacetselected, setDatasourceFacetselected]
-  );
-  const typeFacets =
-    facets && Object.keys(facets).length > 0 ? facets["type"] : {};
-  const [typeFacetSelected, setTypeFacetSelected] = useState<string[]>([]);
-  const handleTypeFacet = useCallback(
-    (checked, key) => {
-      let selected: string[] = typeFacetSelected;
-      if (checked) {
-        selected = [...selected, key];
-      } else {
-        selected = selected.filter((facet) => facet !== key);
-      }
-      setTypeFacetSelected((prev) => {
-        if (selected !== prev) setPage(0);
-        return selected;
-      });
-    },
-    [typeFacetSelected, setTypeFacetSelected]
-  );
-
-  const [ontologyFacetFiltered, setOntologyFacetFiltered] = useState<object>(
-    {}
-  );
-  useEffect(() => {
-    setOntologyFacetFiltered(datasourceFacets);
-  }, [JSON.stringify(datasourceFacets)]);
-
-  const [isShortFormCopied, setIsShortFormCopied] = useState(false);
-  const copyShortForm = (text: string) => {
-    copyToClipboard(text)
-      .then(() => {
-        setIsShortFormCopied(true);
-        // revert after a few seconds
-        setTimeout(() => {
-          setIsShortFormCopied(false);
-        }, 500);
-      })
-      .catch((err) => {
-        console.log(err);
-      });
-  };
-
-  useEffect(() => {
-
-    async function doSearch() {
-      setLoadingResults(true)
-
-      let res = (await getPaginated<any>(`api/v1/subgraphs/${subgraph}/search`, {
-        page: page.toString(), size: rowsPerPage.toString(), q: search,
-        facet: ['grebi:datasources','grebi:type']
-        /*grebi__datasource: datasourceFacetselected,
-        type: typeFacetSelected,
-        searchParams,*/
-      })).map(r => new GraphNode(r))
-
-      setResults(res.elements)
-      setFacets(res.facetFieldsToCounts)
-
-      setLoadingResults(false)
-    }
-
-    doSearch()
-  }, [
-    search,
-    page,
-    rowsPerPage,
-    datasourceFacetselected,
-    typeFacetSelected,
-    searchParams,
-  ]);
-  useEffect(() => {
-    if (prevSearch !== search) setPage(0);
-  }, [search, prevSearch]);
-
   return (
     <div>
       <EbiHeader section="home" />
       <main className="container mx-auto px-4 h-fit my-8">
-        <div className="flex flex-nowrap gap-4 mb-6">
-          <SearchBox subgraph={subgraph} initialQuery={search} />
-        </div>
-        <div className="grid grid-cols-1 lg:grid-cols-4 lg:gap-8">
-          <div
-            className={`fixed top-0 left-0 mb-4 z-30 lg:z-0 lg:static lg:col-span-1 bg-gradient-to-r from-neutral-light to-white rounded-lg p-8 text-neutral-black overflow-x-auto h-full lg:h-fit lg:translate-x-0 transition-transform ${
-              hideFilters ? "-translate-x-full" : "translate-x-0"
-            }`}
-          >
-            <div className="flex flex-row items-center justify-between mb-4">
-              <div className="font-bold text-neutral-dark text-sm mr-2">
-                {`Showing ${
-                  totalResults > rowsPerPage ? rowsPerPage : totalResults
-                } from a total of ${totalResults}`}
-              </div>
-              <button
-                className="lg:hidden"
-                type="button"
-                onClick={() => {
-                  setHideFilters(true);
-                }}
-              >
-                <Close />
-              </button>
-            </div>
-            {totalResults > 0 ? (
-              <div className="text-neutral-black">
-                <div className="font-semibold text-lg mb-2">Type</div>
-                <fieldset className="mb-4">
-                  {typeFacets && Object.keys(typeFacets).length > 0
-                    ? Object.keys(typeFacets)
-                        .sort((a, b) => {
-                          const ac = a ? a.toString() : "";
-                          const bc = b ? b.toString() : "";
-                          return ac.localeCompare(bc);
-                        })
-                        .map((key) => {
-                          if (key !== "entity" && typeFacets[key] > 0) {
-                            return (
-                              <label
-                                key={key}
-                                htmlFor={key}
-                                className="block p-1 w-fit"
-                              >
-                                <input
-                                  type="checkbox"
-                                  id={key}
-                                  className="invisible hidden peer"
-                                  checked={typeFacetSelected.includes(key)}
-                                  onChange={(e) => {
-                                    handleTypeFacet(e.target.checked, key);
-                                  }}
-                                />
-                                <span className="input-checkbox mr-4" />
-                                <span className="capitalize mr-4">
-                                  {key} &#40;{typeFacets[key]}&#41;
-                                </span>
-                              </label>
-                            );
-                          } else return null;
-                        })
-                    : null}
-                </fieldset>
-                <div className="font-semibold text-lg mb-2">Ontology</div>
-                <div className="relative grow">
-                  <input
-                    id="facet-search-ontology"
-                    type="text"
-                    autoComplete="off"
-                    placeholder="Search id..."
-                    className="input-default text-sm mb-3 pl-3"
-                    value={ontologyFacetQuery}
-                    onChange={(event) => {
-                      if (event.target.value) {
-                        setOntologyFacetFiltered(
-                          Object.fromEntries(
-                            Object.entries(datasourceFacets).filter((key) =>
-                              key
-                                .toString()
-                                .toLowerCase()
-                                .includes(event.target.value.toLowerCase())
-                            )
-                          )
-                        );
-                        setOntologyFacetQuery(event.target.value);
-                      } else {
-                        setOntologyFacetFiltered(datasourceFacets);
-                        setOntologyFacetQuery("");
-                      }
-                    }}
-                  />
-                  {ontologyFacetQuery ? (
-                    <div className="absolute right-1.5 top-1.5 z-10">
-                      <button
-                        type="button"
-                        onClick={() => {
-                          setOntologyFacetFiltered(datasourceFacets);
-                          setOntologyFacetQuery("");
-                        }}
-                      >
-                        <Close />
-                      </button>
-                    </div>
-                  ) : null}
-                </div>
-                <fieldset>
-                  {ontologyFacetFiltered &&
-                  Object.keys(ontologyFacetFiltered).length > 0
-                    ? Object.keys(ontologyFacetFiltered)
-                        .sort((a, b) => {
-                          const ac = a ? a.toString() : "";
-                          const bc = b ? b.toString() : "";
-                          return ac.localeCompare(bc);
-                        })
-                        .map((key) => {
-                          if (ontologyFacetFiltered[key] > 0) {
-                            return (
-                              <label
-                                key={key}
-                                htmlFor={key}
-                                className="block p-1 w-fit"
-                              >
-                                <input
-                                  type="checkbox"
-                                  id={key}
-                                  className="invisible hidden peer"
-                                  checked={datasourceFacetselected.includes(key)}
-                                  onChange={(e) => {
-                                    handleOntologyFacet(e.target.checked, key);
-                                    setOntologyFacetQuery("");
-                                  }}
-                                />
-                                <span className="input-checkbox mr-4" />
-                                <span className="uppercase mr-4">
-                                  {key} &#40;{ontologyFacetFiltered[key]}&#41;
-                                </span>
-                              </label>
-                            );
-                          } else return null;
-                        })
-                    : null}
-                </fieldset>
-              </div>
-            ) : null}
-          </div>
-          <div className="lg:col-span-3">
-            <div className="flex flex-col-reverse gap-4 lg:flex-row justify-between mb-4">
-              <div className="lg:basis-3/4 lg:self-center text-2xl font-bold text-neutral-dark">
-                Search results for: {search}
-              </div>
-              <div className="justify-between flex flex-row items-center gap-4">
-                <button
-                  className="lg:hidden button-secondary"
-                  type="button"
-                  onClick={() => {
-                    setHideFilters(false);
-                  }}
-                >
-                  Filters
-                </button>
-                <div className="flex-none flex group relative text-md">
-                  <label className="self-center px-3">Show</label>
-                  <select
-                    className="input-default appearance-none pr-7 z-20 bg-transparent"
-                    onChange={(e) => {
-                      const rows = parseInt(e.target.value);
-                      setRowsPerPage((prev) => {
-                        if (rows !== prev) setPage(0);
-                        return rows;
-                      });
-                    }}
-                  >
-                    <option value={10}>10</option>
-                    <option value={25}>25</option>
-                    <option value={100}>100</option>
-                  </select>
-                  <div className="absolute right-2 top-2 z-10 text-neutral-default group-focus:text-neutral-dark group-hover:text-neutral-dark">
-                    <KeyboardArrowDown fontSize="medium" />
-                  </div>
-                </div>
-              </div>
-            </div>
-            {results.length > 0 ? (
-              <div>
-                <Pagination
-                  page={page}
-                  onPageChange={setPage}
-                  dataCount={totalResults}
-                  rowsPerPage={rowsPerPage}
-                />
-                {results.map((graphNode: GraphNode) => {
-                  let nodeType = graphNode.extractType()
-                  return (
-                    <div className="my-5">
-                      <div className="my-2 leading-loose truncate flex flex-row items-center">
-                        <Link to={graphNode.getLinkUrl()}
-                          className={`link-default text-xl mr-2 ${
-                            graphNode.isBoldForQuery(search) ? "font-bold" : ""
-                          } ${graphNode.isDeprecated() ? "line-through" : ""}`}
-                        >
-                          {graphNode.getName()}
-                        </Link>
-                      { nodeType &&
-                      <span style={{textTransform:'uppercase', fontVariant:'small-caps',fontWeight:'bold',fontSize:'small',verticalAlign:'middle',marginLeft:'12px',marginRight:'12px'}}>{nodeType.long}</span>
-                    }
-            <DatasourceTags dss={graphNode.getDatasources()} />
-                    </div>
-                    <CollapsingIdList ids={graphNode.getSourceIds()} />
-                      {graphNode.getDescription() && (
-                      <div className="my-1 leading-relaxed">
-                        {graphNode.getDescription()}
-                      </div>)}
-                    </div>
-                  );
-                })}
-                <Pagination
-                  page={page}
-                  onPageChange={setPage}
-                  dataCount={totalResults}
-                  rowsPerPage={rowsPerPage}
-                />
-              </div>
-            ) : (
-              <div className="text-xl text-neutral-black font-bold">
-              </div>
-            )}
-          </div>
-        </div>
-        <div
-          className={`fixed top-0 right-0 backdrop-blur-none h-full w-full ${
-            hideFilters ? "hidden" : "z-20"
-          }`}
-          onClick={() => setHideFilters(true)}
-        />
-        {loadingResults ? (
-          <LoadingOverlay message="Search results loading..." />
-        ) : null}
+        <SearchInterface subgraph={subgraph} />
       </main>
     </div>
   );
diff --git a/webapp/grebi_ui/src/frontends/exposomekg/EkgHeader.tsx b/webapp/grebi_ui/src/frontends/exposomekg/EkgHeader.tsx
index 0e30518..e368698 100644
--- a/webapp/grebi_ui/src/frontends/exposomekg/EkgHeader.tsx
+++ b/webapp/grebi_ui/src/frontends/exposomekg/EkgHeader.tsx
@@ -27,19 +27,9 @@ export default function EkgHeader({ section }: { section?: string }) {
     >
         <Helmet>
           <meta charSet="utf-8" />
-          <title>{caps(section)} - GrEBI</title>
+          <title>{caps(section)} - ExposomeKG</title>
         </Helmet>
       <div className="container mx-auto px-4 flex flex-col md:flex-row md:gap-10">
-        <div className="py-6 self-center">
-          <a href={urlJoin(process.env.PUBLIC_URL!, "/")}>
-            <img
-              style={{height:'80px'}}
-              alt="GrEBI logo"
-              className="h-8 inline-block"
-              src={urlJoin(process.env.PUBLIC_URL!, "/logo.svg")}
-            />
-          </a>
-        </div>
         <nav className="self-center">
           <ul
             className="bg-transparent text-white flex flex-wrap divide-white divide-x"
diff --git a/webapp/grebi_ui/src/frontends/exposomekg/pages/EkgHomePage.tsx b/webapp/grebi_ui/src/frontends/exposomekg/pages/EkgHomePage.tsx
index 2b56267..03c2552 100644
--- a/webapp/grebi_ui/src/frontends/exposomekg/pages/EkgHomePage.tsx
+++ b/webapp/grebi_ui/src/frontends/exposomekg/pages/EkgHomePage.tsx
@@ -13,6 +13,7 @@ export default function EkgHomePage() {
 
   return (
     <div>
+      <EkgHeader section="home" />
       <main className="container mx-auto px-4 h-fit">
         <div className="grid grid-cols-2 lg:grid-cols-1 lg:gap-8">
           <div className="lg:col-span-3">
diff --git a/webapp/grebi_ui/src/frontends/exposomekg/pages/EkgNodePage.tsx b/webapp/grebi_ui/src/frontends/exposomekg/pages/EkgNodePage.tsx
index bf9f4ce..bdd9e06 100644
--- a/webapp/grebi_ui/src/frontends/exposomekg/pages/EkgNodePage.tsx
+++ b/webapp/grebi_ui/src/frontends/exposomekg/pages/EkgNodePage.tsx
@@ -8,8 +8,8 @@ import {
 } from "react-router-dom";
 import { Helmet } from 'react-helmet'
 import React from "react";
-import EbiHeader from "../EkgHeader";
-import { FormatListBulleted, CallReceived, CallMade, Share } from "@mui/icons-material";
+import EkgHeader from "../EkgHeader";
+import { FormatListBulleted, CallReceived, CallMade, Share, Masks, Summarize, UnfoldMoreDouble, LibraryBooks } from "@mui/icons-material";
 import { Typography, Grid, Tabs, Tab, Box } from "@mui/material";
 import { copyToClipboard } from "../../../app/util";
 import LoadingOverlay from "../../../components/LoadingOverlay";
@@ -19,21 +19,22 @@ import PropTable from "../../../components/node_prop_table/PropTable";
 import SearchBox from "../../../components/SearchBox";
 import GraphNode from "../../../model/GraphNode";
 import { get, getPaginated } from "../../../app/api";
+import encodeNodeId from "../../../encodeNodeId";
+import ExposureLinks from "../../../components/exposomekg/ExposureLinks";
 
 
-export default function EbiNodePage() {
+export default function EkgNodePage() {
   const params = useParams();
   const [searchParams, setSearchParams] = useSearchParams();
-  const subgraph: string = params.subgraph as string;
   const nodeId: string = atob(params.nodeId as string);
   const lang = searchParams.get("lang") || "en";
 
   let [node, setNode] = useState<GraphNode|null>(null);
-  const tab = searchParams.get("tab") || "properties";
+  const tab = searchParams.get("tab") || "links";
 
   useEffect(() => {
     async function getNode() {
-      let graphNode = new GraphNode(await get<any>(`api/v1/subgraphs/${subgraph}/nodes/${nodeId}?lang=${lang}`))
+      let graphNode = new GraphNode(await get<any>(`api/v1/subgraphs/${process.env.REACT_APP_EXPOSOMEKG_SUBGRAPH}/nodes/${encodeNodeId(nodeId)}?lang=${lang}`))
       setNode(graphNode)
     }
     getNode()
@@ -50,36 +51,23 @@ export default function EbiNodePage() {
 
   return (
     <div>
-      <EbiHeader section="explore" />
+      <EkgHeader section="explore" />
         <Helmet>
           <meta charSet="utf-8" />
           {pageTitle && <title>{pageTitle}</title>}
           {pageDesc && <meta name="description" content={pageDesc}/>}
         </Helmet>
       <main className="container mx-auto px-4 pt-1">
-        <SearchBox subgraph={subgraph} />
-        <div className="text-center">
+        <SearchBox subgraph={process.env.REACT_APP_EXPOSOMEKG_SUBGRAPH} />
+        <div className="text-center pb-5">
         <Typography variant="h5">{pageTitle} {
           node.extractType()?.long && <span style={{textTransform:'uppercase', fontVariant:'small-caps',fontWeight:'bold',fontSize:'small',verticalAlign:'middle',marginLeft:'12px'}}>{node.extractType()?.long}</span>}</Typography>
-                      <Grid item xs={10} className="pt-2">
-                {props['id'].map(id => <span
-className="bg-grey-default rounded-sm font-mono py-1 pl-2 ml-1 my-1 mb-2 text-sm"
->{id.value}
-<button
-                    onClick={() => {
-                      copyToClipboard(id.value);
-                    }}
-                  >
-                    &nbsp;
-                    <i className="icon icon-common icon-copy icon-spacer" />
-                  </button>
-</span>)}
-              </Grid>
-          </div>
-        <Typography>{pageDesc}</Typography>
-        <Grid container spacing={1} direction="row">
+        </div>
+        <Typography className="text-center pb-3">{pageDesc}</Typography>
+        <Grid container spacing={1} direction="column">
             <Grid item xs={2}>
-          <Tabs orientation="vertical" variant="scrollable" value={tab} aria-label="basic tabs example" className="border-green" sx={{ borderRight: 1, borderColor: 'divider' }} onChange={(e, tab) => setSearchParams({tab})}>
+          <Tabs orientation="horizontal" value={tab} aria-label="basic tabs example" className="border-green justify-center" sx={{ borderBottom: 1, borderColor: 'divider' }} onChange={(e, tab) => setSearchParams({tab})}>
+            <Tab label="Links" icon={<Share/>} value="links" />
             <Tab label="Properties" icon={<FormatListBulleted/>} value="properties" />
             <Tab label="Edges In" icon={<CallReceived/>} value="edges_in" />
             <Tab label="Edges Out" icon={<CallMade/>} value="edges_out" />
@@ -87,16 +75,19 @@ className="bg-grey-default rounded-sm font-mono py-1 pl-2 ml-1 my-1 mb-2 text-sm
           </Tabs>
           </Grid>
           <Grid item xs={10}>
+        <TabPanel value={tab} index={"summary"}>
+          <ExposureLinks node={node} />
+        </TabPanel>
         <TabPanel value={tab} index={"properties"}>
-          <PropTable lang={lang} subgraph={subgraph} node={node} />
+          <PropTable lang={lang} subgraph={process.env.REACT_APP_EXPOSOMEKG_SUBGRAPH} node={node} />
         </TabPanel>
         <TabPanel value={tab} index={"edges_in"}>
-          <EdgesInList subgraph={subgraph} node={node} />
+          <EdgesInList subgraph={process.env.REACT_APP_EXPOSOMEKG_SUBGRAPH} node={node} />
         </TabPanel>
         <TabPanel value={tab} index={"edges_out"}>
         </TabPanel>
         <TabPanel value={tab} index={"graph"}>
-         <GraphView subgraph={subgraph} node={node} />
+         <GraphView subgraph={process.env.REACT_APP_EXPOSOMEKG_SUBGRAPH} node={node} />
         </TabPanel>
         </Grid>
         </Grid>
diff --git a/webapp/grebi_ui/src/frontends/exposomekg/pages/EkgSearchPage.tsx b/webapp/grebi_ui/src/frontends/exposomekg/pages/EkgSearchPage.tsx
index a89b817..2b1bf8a 100644
--- a/webapp/grebi_ui/src/frontends/exposomekg/pages/EkgSearchPage.tsx
+++ b/webapp/grebi_ui/src/frontends/exposomekg/pages/EkgSearchPage.tsx
@@ -1,373 +1,13 @@
-import { Close, KeyboardArrowDown } from "@mui/icons-material";
-import { Pagination } from "@mui/material";
-import { useCallback, useEffect, useState } from "react";
-import { Link, useParams, useSearchParams } from "react-router-dom";
-import { getPaginated } from "../../../app/api";
-import { usePrevious, copyToClipboard } from "../../../app/util";
-import { DatasourceTags } from "../../../components/DatasourceTag";
-import LoadingOverlay from "../../../components/LoadingOverlay";
-import SearchBox from "../../../components/SearchBox";
-import GraphNode from "../../../model/GraphNode";
-import EbiHeader from "../EkgHeader";
 
-export default function EbiSearchPage() {
-  const [searchParams] = useSearchParams();
-  const search = searchParams.get("q") || "";
-
-  const params = useParams();
-  const subgraph: string = params.subgraph as string;
-
-  let [loadingResults, setLoadingResults] = useState<boolean>(true);
-  let [results, setResults] = useState<GraphNode[]>([]);
-  let [totalResults, setTotalResults] = useState<number>(0);
-
-  let [facets, setFacets] = useState<any>({});
-
-  const prevSearch = usePrevious(search);
-
-  const [page, setPage] = useState<number>(0);
-  const [rowsPerPage, setRowsPerPage] = useState<number>(10);
-  const [ontologyFacetQuery, setOntologyFacetQuery] = useState<string>("");
-  const [hideFilters, setHideFilters] = useState<boolean>(true);
-
-  const datasourceFacets =
-    facets && Object.keys(facets).length > 0 ? facets["grebi:datasources"] : {};
-  const [datasourceFacetselected, setDatasourceFacetselected] = useState<string[]>(
-    []
-  );
-  const handleOntologyFacet = useCallback(
-    (checked, key) => {
-      let selected: string[] = datasourceFacetselected;
-      if (checked) {
-        selected = [...selected, key];
-      } else {
-        selected = selected.filter((facet) => facet !== key);
-      }
-      setDatasourceFacetselected((prev) => {
-        if (selected !== prev) setPage(0);
-        return selected;
-      });
-    },
-    [datasourceFacetselected, setDatasourceFacetselected]
-  );
-  const typeFacets =
-    facets && Object.keys(facets).length > 0 ? facets["type"] : {};
-  const [typeFacetSelected, setTypeFacetSelected] = useState<string[]>([]);
-  const handleTypeFacet = useCallback(
-    (checked, key) => {
-      let selected: string[] = typeFacetSelected;
-      if (checked) {
-        selected = [...selected, key];
-      } else {
-        selected = selected.filter((facet) => facet !== key);
-      }
-      setTypeFacetSelected((prev) => {
-        if (selected !== prev) setPage(0);
-        return selected;
-      });
-    },
-    [typeFacetSelected, setTypeFacetSelected]
-  );
-
-  const [ontologyFacetFiltered, setOntologyFacetFiltered] = useState<object>(
-    {}
-  );
-  useEffect(() => {
-    setOntologyFacetFiltered(datasourceFacets);
-  }, [JSON.stringify(datasourceFacets)]);
-
-  const [isShortFormCopied, setIsShortFormCopied] = useState(false);
-  const copyShortForm = (text: string) => {
-    copyToClipboard(text)
-      .then(() => {
-        setIsShortFormCopied(true);
-        // revert after a few seconds
-        setTimeout(() => {
-          setIsShortFormCopied(false);
-        }, 500);
-      })
-      .catch((err) => {
-        console.log(err);
-      });
-  };
-
-  useEffect(() => {
-
-    async function doSearch() {
-      setLoadingResults(true)
-
-      let res = (await getPaginated<any>(`api/v1/subgraphs/${subgraph}/search`, {
-        page: page.toString(), size: rowsPerPage.toString(), q: search,
-        facet: ['grebi:datasources','grebi:type']
-        /*grebi__datasource: datasourceFacetselected,
-        type: typeFacetSelected,
-        searchParams,*/
-      })).map(r => new GraphNode(r))
-
-      setResults(res.elements)
-      setFacets(res.facetFieldsToCounts)
-
-      setLoadingResults(false)
-    }
-
-    doSearch()
-  }, [
-    search,
-    page,
-    rowsPerPage,
-    datasourceFacetselected,
-    typeFacetSelected,
-    searchParams,
-  ]);
-  useEffect(() => {
-    if (prevSearch !== search) setPage(0);
-  }, [search, prevSearch]);
+import EkgHeader from "../EkgHeader";
+import SearchInterface from "../../../components/SearchInterface";
 
+export default function EkgSearchPage() {
   return (
     <div>
-      <EbiHeader section="home" />
+      <EkgHeader section="home" />
       <main className="container mx-auto px-4 h-fit my-8">
-        <div className="flex flex-nowrap gap-4 mb-6">
-          <SearchBox subgraph={subgraph} initialQuery={search} />
-        </div>
-        <div className="grid grid-cols-1 lg:grid-cols-4 lg:gap-8">
-          <div
-            className={`fixed top-0 left-0 mb-4 z-30 lg:z-0 lg:static lg:col-span-1 bg-gradient-to-r from-neutral-light to-white rounded-lg p-8 text-neutral-black overflow-x-auto h-full lg:h-fit lg:translate-x-0 transition-transform ${
-              hideFilters ? "-translate-x-full" : "translate-x-0"
-            }`}
-          >
-            <div className="flex flex-row items-center justify-between mb-4">
-              <div className="font-bold text-neutral-dark text-sm mr-2">
-                {`Showing ${
-                  totalResults > rowsPerPage ? rowsPerPage : totalResults
-                } from a total of ${totalResults}`}
-              </div>
-              <button
-                className="lg:hidden"
-                type="button"
-                onClick={() => {
-                  setHideFilters(true);
-                }}
-              >
-                <Close />
-              </button>
-            </div>
-            {totalResults > 0 ? (
-              <div className="text-neutral-black">
-                <div className="font-semibold text-lg mb-2">Type</div>
-                <fieldset className="mb-4">
-                  {typeFacets && Object.keys(typeFacets).length > 0
-                    ? Object.keys(typeFacets)
-                        .sort((a, b) => {
-                          const ac = a ? a.toString() : "";
-                          const bc = b ? b.toString() : "";
-                          return ac.localeCompare(bc);
-                        })
-                        .map((key) => {
-                          if (key !== "entity" && typeFacets[key] > 0) {
-                            return (
-                              <label
-                                key={key}
-                                htmlFor={key}
-                                className="block p-1 w-fit"
-                              >
-                                <input
-                                  type="checkbox"
-                                  id={key}
-                                  className="invisible hidden peer"
-                                  checked={typeFacetSelected.includes(key)}
-                                  onChange={(e) => {
-                                    handleTypeFacet(e.target.checked, key);
-                                  }}
-                                />
-                                <span className="input-checkbox mr-4" />
-                                <span className="capitalize mr-4">
-                                  {key} &#40;{typeFacets[key]}&#41;
-                                </span>
-                              </label>
-                            );
-                          } else return null;
-                        })
-                    : null}
-                </fieldset>
-                <div className="font-semibold text-lg mb-2">Ontology</div>
-                <div className="relative grow">
-                  <input
-                    id="facet-search-ontology"
-                    type="text"
-                    autoComplete="off"
-                    placeholder="Search id..."
-                    className="input-default text-sm mb-3 pl-3"
-                    value={ontologyFacetQuery}
-                    onChange={(event) => {
-                      if (event.target.value) {
-                        setOntologyFacetFiltered(
-                          Object.fromEntries(
-                            Object.entries(datasourceFacets).filter((key) =>
-                              key
-                                .toString()
-                                .toLowerCase()
-                                .includes(event.target.value.toLowerCase())
-                            )
-                          )
-                        );
-                        setOntologyFacetQuery(event.target.value);
-                      } else {
-                        setOntologyFacetFiltered(datasourceFacets);
-                        setOntologyFacetQuery("");
-                      }
-                    }}
-                  />
-                  {ontologyFacetQuery ? (
-                    <div className="absolute right-1.5 top-1.5 z-10">
-                      <button
-                        type="button"
-                        onClick={() => {
-                          setOntologyFacetFiltered(datasourceFacets);
-                          setOntologyFacetQuery("");
-                        }}
-                      >
-                        <Close />
-                      </button>
-                    </div>
-                  ) : null}
-                </div>
-                <fieldset>
-                  {ontologyFacetFiltered &&
-                  Object.keys(ontologyFacetFiltered).length > 0
-                    ? Object.keys(ontologyFacetFiltered)
-                        .sort((a, b) => {
-                          const ac = a ? a.toString() : "";
-                          const bc = b ? b.toString() : "";
-                          return ac.localeCompare(bc);
-                        })
-                        .map((key) => {
-                          if (ontologyFacetFiltered[key] > 0) {
-                            return (
-                              <label
-                                key={key}
-                                htmlFor={key}
-                                className="block p-1 w-fit"
-                              >
-                                <input
-                                  type="checkbox"
-                                  id={key}
-                                  className="invisible hidden peer"
-                                  checked={datasourceFacetselected.includes(key)}
-                                  onChange={(e) => {
-                                    handleOntologyFacet(e.target.checked, key);
-                                    setOntologyFacetQuery("");
-                                  }}
-                                />
-                                <span className="input-checkbox mr-4" />
-                                <span className="uppercase mr-4">
-                                  {key} &#40;{ontologyFacetFiltered[key]}&#41;
-                                </span>
-                              </label>
-                            );
-                          } else return null;
-                        })
-                    : null}
-                </fieldset>
-              </div>
-            ) : null}
-          </div>
-          <div className="lg:col-span-3">
-            <div className="flex flex-col-reverse gap-4 lg:flex-row justify-between mb-4">
-              <div className="lg:basis-3/4 lg:self-center text-2xl font-bold text-neutral-dark">
-                Search results for: {search}
-              </div>
-              <div className="justify-between flex flex-row items-center gap-4">
-                <button
-                  className="lg:hidden button-secondary"
-                  type="button"
-                  onClick={() => {
-                    setHideFilters(false);
-                  }}
-                >
-                  Filters
-                </button>
-                <div className="flex-none flex group relative text-md">
-                  <label className="self-center px-3">Show</label>
-                  <select
-                    className="input-default appearance-none pr-7 z-20 bg-transparent"
-                    onChange={(e) => {
-                      const rows = parseInt(e.target.value);
-                      setRowsPerPage((prev) => {
-                        if (rows !== prev) setPage(0);
-                        return rows;
-                      });
-                    }}
-                  >
-                    <option value={10}>10</option>
-                    <option value={25}>25</option>
-                    <option value={100}>100</option>
-                  </select>
-                  <div className="absolute right-2 top-2 z-10 text-neutral-default group-focus:text-neutral-dark group-hover:text-neutral-dark">
-                    <KeyboardArrowDown fontSize="medium" />
-                  </div>
-                </div>
-              </div>
-            </div>
-            {results.length > 0 ? (
-              <div>
-                <Pagination
-                  page={page}
-                  onPageChange={setPage}
-                  dataCount={totalResults}
-                  rowsPerPage={rowsPerPage}
-                />
-                {results.map((graphNode: GraphNode) => {
-                  let nodeType = graphNode.extractType()
-                  return (
-                    <div className="my-5">
-                      <div className="my-2 leading-loose truncate flex flex-row items-center">
-                        <Link to={graphNode.getLinkUrl()}
-                          className={`link-default text-xl mr-2 ${
-                            graphNode.isBoldForQuery(search) ? "font-bold" : ""
-                          } ${graphNode.isDeprecated() ? "line-through" : ""}`}
-                        >
-                          {graphNode.getName()}
-                        </Link>
-                      { nodeType &&
-                      <span style={{textTransform:'uppercase', fontVariant:'small-caps',fontWeight:'bold',fontSize:'small',verticalAlign:'middle',marginLeft:'12px',marginRight:'12px'}}>{nodeType.long}</span>
-                    }
-            <DatasourceTags dss={graphNode.getDatasources()} />
-                    </div>
-                      <div className="my-1 leading-relaxed">
-                {graphNode.getSourceIds().map(id => <span
-className="bg-grey-default rounded-sm font-mono py-1 px-1 mr-1 text-sm"
->{id.value}</span>)}
-                      </div>
-                      {graphNode.getDescription() && (
-                      <div className="my-1 leading-relaxed">
-                        {graphNode.getDescription()}
-                      </div>)}
-                    </div>
-                  );
-                })}
-                <Pagination
-                  page={page}
-                  onPageChange={setPage}
-                  dataCount={totalResults}
-                  rowsPerPage={rowsPerPage}
-                />
-              </div>
-            ) : (
-              <div className="text-xl text-neutral-black font-bold">
-              </div>
-            )}
-          </div>
-        </div>
-        <div
-          className={`fixed top-0 right-0 backdrop-blur-none h-full w-full ${
-            hideFilters ? "hidden" : "z-20"
-          }`}
-          onClick={() => setHideFilters(true)}
-        />
-        {loadingResults ? (
-          <LoadingOverlay message="Search results loading..." />
-        ) : null}
+        <SearchInterface subgraph={process.env.REACT_APP_EXPOSOMEKG_SUBGRAPH!}/>
       </main>
     </div>
   );
diff --git a/webapp/grebi_ui/src/model/GraphNode.ts b/webapp/grebi_ui/src/model/GraphNode.ts
index 3b6ce04..54b46fb 100644
--- a/webapp/grebi_ui/src/model/GraphNode.ts
+++ b/webapp/grebi_ui/src/model/GraphNode.ts
@@ -29,7 +29,11 @@ export default class GraphNode extends GraphNodeRef {
     }
 
     getLinkUrl():string {
-        return `/subgraphs/${this.getSubgraph()}/nodes/${encodeNodeId(this.getNodeId())}`;
+        if(process.env.GREBI_FRONTEND === 'exposomekg') {
+            return `/nodes/${encodeNodeId(this.getNodeId())}`;
+        } else {
+            return `/subgraphs/${this.getSubgraph()}/nodes/${encodeNodeId(this.getNodeId())}`;
+        }
     }
 
     isBoldForQuery(q:string) {
diff --git a/webapp/grebi_ui/src/styles_exposomekg.css b/webapp/grebi_ui/src/styles_exposomekg.css
index 2846598..c1e3f56 100644
--- a/webapp/grebi_ui/src/styles_exposomekg.css
+++ b/webapp/grebi_ui/src/styles_exposomekg.css
@@ -1384,3 +1384,4 @@ filter: gray;
   margin-left: 0.25rem;
   margin-right: 0.25rem;
 }
+