diff --git a/src/ui/databrowserModule/singleDataset/listView/singleDatasetListView.template.html b/src/ui/databrowserModule/singleDataset/listView/singleDatasetListView.template.html
index 4b1adc8a52e68acfe1f15df58cc8e273f8d05991..abc99ee16302359c8afbab295d0452e534b31be7 100644
--- a/src/ui/databrowserModule/singleDataset/listView/singleDatasetListView.template.html
+++ b/src/ui/databrowserModule/singleDataset/listView/singleDatasetListView.template.html
@@ -12,27 +12,28 @@
 
   <ng-container *ngIf="downloadEnabled">
 
-    <!-- unpin -->
-    <button mat-icon-button
-      *ngIf="favedDataentries$ | async | datasetIsFaved : dataset; else pinTmpl"
-      (click)="undoableRemoveFav()"
-      iav-stop="mousedown click"
-      class="no-focus flex-grow-0 flex-shrink-0"
-      color="primary">
-      <mat-icon fontSet="fas" fontIcon="fa-thumbtack"></mat-icon>
-    </button>
+    <div iav-stop="mousedown click">
 
-    <!-- pin -->
-    <ng-template #pinTmpl>
+      <!-- unpin -->
       <button mat-icon-button
-        (click)="undoableAddFav()"
-        iav-stop="mousedown click"
+        *ngIf="favedDataentries$ | async | datasetIsFaved : dataset; else pinTmpl"
+        (click)="undoableRemoveFav()"
         class="no-focus flex-grow-0 flex-shrink-0"
-        color="basic">
+        color="primary">
         <mat-icon fontSet="fas" fontIcon="fa-thumbtack"></mat-icon>
       </button>
-    </ng-template>
 
+      <!-- pin -->
+      <ng-template #pinTmpl>
+        <button mat-icon-button
+          (click)="undoableAddFav()"
+          class="no-focus flex-grow-0 flex-shrink-0"
+          color="basic">
+          <mat-icon fontSet="fas" fontIcon="fa-thumbtack"></mat-icon>
+        </button>
+      </ng-template>
+
+    </div>
   </ng-container>
 
   <!-- more menu -->