diff --git a/src/ui/databrowser/databrowser.style.css b/src/ui/databrowser/databrowser.style.css
index 88352b854fa20469bd1370c7c55d25f95666c954..64e569802b2976ce09edb48878e094b9eaa4cbc3 100644
--- a/src/ui/databrowser/databrowser.style.css
+++ b/src/ui/databrowser/databrowser.style.css
@@ -122,4 +122,15 @@ dataset-viewer
   margin: 1em;
   padding: 1em;
   background-color: rgba(128, 128, 128, 0.2);
+}
+
+div[regionsContainer]
+{
+  background-color:rgba(0, 0, 0, 0.3);
+  padding:0.5em 0.7em;
+}
+
+div[regionContainer]
+{
+  margin-top:0.5em;
 }
\ No newline at end of file
diff --git a/src/ui/databrowser/databrowser.template.html b/src/ui/databrowser/databrowser.template.html
index 8daf3f2489500241f8c6a2b65360f9c33cb38ba6..9a5460f8191ab97f83314fb340924c05cc929359 100644
--- a/src/ui/databrowser/databrowser.template.html
+++ b/src/ui/databrowser/databrowser.template.html
@@ -79,10 +79,13 @@
     </div>
   </panel-component>
 </div>
-<div *ngIf = "(selectedPOI$ | async) && (selectedPOI$ | async).length > 0; else noSelectedRegion">
+<div 
+  *ngIf = "(selectedPOI$ | async) && (selectedPOI$ | async).length > 0; else noSelectedRegion"
+  regionsContainer>
 
   <div
-    *ngFor = "let data of (selectedRegions$ | async | sortDataEntriesToRegion : dataEntries).concat( selectedLandmarks$ | async | spatialLandmarksToDataBrowserItemPipe ) | searchResultPagination  : currentPage : hitsPerPage  ">
+    *ngFor = "let data of (selectedRegions$ | async | sortDataEntriesToRegion : dataEntries).concat( selectedLandmarks$ | async | spatialLandmarksToDataBrowserItemPipe ) | searchResultPagination  : currentPage : hitsPerPage  "
+    regionContainer>
     <panel-component 
       [collapseBody] = "true"
       [bodyCollapsable] = "true">