diff --git a/src/ui/databrowserModule/singleDataset/sideNavView/sDsSideNavView.template.html b/src/ui/databrowserModule/singleDataset/sideNavView/sDsSideNavView.template.html
index f86265a5e28e97fa691246ce3c020eb4c48fe69f..fab50a7838e43e38bf59adab89f6120e68a09b11 100644
--- a/src/ui/databrowserModule/singleDataset/sideNavView/sDsSideNavView.template.html
+++ b/src/ui/databrowserModule/singleDataset/sideNavView/sDsSideNavView.template.html
@@ -8,7 +8,8 @@
 </button>
 
 <mat-card class="mat-elevation-z4">
-  <div class="header-container">
+  <div class="header-container"
+    [style.backgroundColor]="'rgba(128,128,128, 0.2)'">
     <mat-card-title>
       <ng-content select="[region-of-interest]"></ng-content>
       <div>
@@ -41,7 +42,7 @@
       
     </mat-card-subtitle>
   </div>
-  <mat-card-content>
+  <mat-card-content class="mt-2">
     <mat-tab-group>
 
       <!-- details -->
@@ -71,7 +72,8 @@
             {{ feature.type }}
           </ng-template>
           <ng-template matTabContent>
-            <feature-explorer [feature]="feature">
+            <feature-explorer [feature]="feature"
+              [region]="region$ | async">
 
             </feature-explorer>
           </ng-template>