diff --git a/src/components/sleightOfHand/soh.style.css b/src/components/sleightOfHand/soh.style.css
index 2c4f61aa210ae817635fc0764eb87f5cbe187c50..701612d06f07969b4c9d76b2bc5dbd279b359a84 100644
--- a/src/components/sleightOfHand/soh.style.css
+++ b/src/components/sleightOfHand/soh.style.css
@@ -1,6 +1,6 @@
 :host:not(.do-not-close):not(:hover) > .sleight-of-hand-back,
 :host:not(.do-not-close):hover > .sleight-of-hand-front,
-:host-context(.do-not-close) > .sleight-of-hand-front
+:host(.do-not-close) > .sleight-of-hand-front
 {
   opacity: 0;
   pointer-events: none;
diff --git a/src/ui/databrowserModule/singleDataset/singleDataset.template.html b/src/ui/databrowserModule/singleDataset/singleDataset.template.html
index 26170511e89401cafd0209a2e41305ce03d6410c..adeb851f8b2c0adeba23777ab10f582bf4ddf19b 100644
--- a/src/ui/databrowserModule/singleDataset/singleDataset.template.html
+++ b/src/ui/databrowserModule/singleDataset/singleDataset.template.html
@@ -14,12 +14,13 @@
 
   <!-- publications -->
   <mat-card-content>
-    <a *ngFor="let publication of publications"
-      [href]="publication.doi | doiParserPipe"
-      mat-button
-      target="_blank">
-      {{ publication.cite }}
-    </a>
+    <div class="d-inline-block mb-2"
+      *ngFor="let publication of publications">
+      <a [href]="publication.doi | doiParserPipe"
+        target="_blank">
+        {{ publication.cite }}
+      </a>
+    </div>
   </mat-card-content>