diff --git a/src/ui/databrowserModule/databrowser.service.ts b/src/ui/databrowserModule/databrowser.service.ts
index f175880e7addf7d65b30f7b6d1c5410dfa171c5c..7cf161e590274b4198a84fa4fb2817872396d4ee 100644
--- a/src/ui/databrowserModule/databrowser.service.ts
+++ b/src/ui/databrowserModule/databrowser.service.ts
@@ -115,12 +115,12 @@ export class DatabrowserService implements OnDestroy{
       select('navigation'),
       distinctUntilChanged(),
       debounceTime(SPATIAL_SEARCH_DEBOUNCE),
-      filter(v => !!v),
-      map(navigation => {
+      filter(v => !!v && !!v.position && !!v.zoom),
+      map(({ position, zoom }) => {
 
         // in mm
-        const center = navigation.position.map(n=>n/1e6)
-        const searchWidth = this.constantService.spatialWidth / 4 * navigation.zoom / 1e6
+        const center = position.map(n=>n/1e6)
+        const searchWidth = this.constantService.spatialWidth / 4 * zoom / 1e6
         const pt1 = center.map(v => (v - searchWidth)) as [number, number, number]
         const pt2 = center.map(v => (v + searchWidth)) as [number, number, number]
 
@@ -142,10 +142,11 @@ export class DatabrowserService implements OnDestroy{
          * templateSelected and templateSelected.name must be defined for spatial search
          */
         if (!templateSelected || !templateSelected.name) return from(Promise.reject('templateSelected must not be empty'))
-        const encodedTemplateName = encodeURI(templateSelected.name)
-        return from(fetch(`${this.constantService.backendUrl}datasets/spatialSearch/templateName/${encodedTemplateName}/bbox/${_bbox[0].join('_')}__${_bbox[1].join("_")}`).then(res => res.json()))
+        const encodedTemplateName = encodeURIComponent(templateSelected.name)
+        return this.http.get(`${this.constantService.backendUrl}datasets/spatialSearch/templateName/${encodedTemplateName}/bbox/${_bbox[0].join('_')}__${_bbox[1].join("_")}`).pipe(
+          catchError((err) => (console.log(err), of([]))) 
+        )
       }),
-      catchError((err) => (console.log(err), of([])))
     )
 
     this.fetchDataObservable$ = combineLatest(
@@ -227,7 +228,7 @@ export class DatabrowserService implements OnDestroy{
   }
 
   public fetchPreviewData(datasetName: string){
-    const encodedDatasetName = encodeURI(datasetName)
+    const encodedDatasetName = encodeURIComponent(datasetName)
     return new Promise((resolve, reject) => {
       fetch(`${this.constantService.backendUrl}datasets/preview/${encodedDatasetName}`)
         .then(res => res.json())
@@ -249,8 +250,8 @@ export class DatabrowserService implements OnDestroy{
   private mostRecentFetchToken: any
 
   private lowLevelQuery(templateName: string, parcellationName: string){
-    const encodedTemplateName = encodeURI(templateName)
-    const encodedParcellationName = encodeURI(parcellationName)
+    const encodedTemplateName = encodeURIComponent(templateName)
+    const encodedParcellationName = encodeURIComponent(parcellationName)
     return Promise.all([
       fetch(`${this.constantService.backendUrl}datasets/templateName/${encodedTemplateName}`)
         .then(res => res.json()),
diff --git a/src/ui/databrowserModule/databrowser/databrowser.component.ts b/src/ui/databrowserModule/databrowser/databrowser.component.ts
index dedf8ebdc47f9d11c3e21e1ebb5646e0ed526f40..5cbf3849ed694d796a4cfa7c2b2eb51611a9f880 100644
--- a/src/ui/databrowserModule/databrowser/databrowser.component.ts
+++ b/src/ui/databrowserModule/databrowser/databrowser.component.ts
@@ -51,10 +51,6 @@ export class DataBrowser implements OnChanges, OnDestroy,OnInit{
 
   public favDataentries$: Observable<DataEntry[]>
 
-  get darktheme(){
-    return this.dbService.darktheme
-  }
-
   /**
    * TODO
    * viewport