diff --git a/src/app/modules/data/detail/data-detail.scss b/src/app/modules/data/detail/data-detail.scss
index c41bd3aa..375f31d2 100644
--- a/src/app/modules/data/detail/data-detail.scss
+++ b/src/app/modules/data/detail/data-detail.scss
@@ -19,15 +19,3 @@ ion-content > div {
   flex-direction: column;
   flex: 1;
 }
-
-stapps-data-path ::ng-deep ion-breadcrumb {
-  color: var(--ion-color-primary-contrast);
-
-  &::part(separator) {
-    color: var(--ion-color-primary-contrast);
-  }
-
-  &::part(collapsed-indicator) {
-    background: var(--ion-color-primary-contrast);
-  }
-}
diff --git a/src/app/modules/data/detail/data-path.scss b/src/app/modules/data/detail/data-path.scss
index d7afea7b..d809641f 100644
--- a/src/app/modules/data/detail/data-path.scss
+++ b/src/app/modules/data/detail/data-path.scss
@@ -13,9 +13,25 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
+:host {
+  z-index: 100;
+}
+
 .crumb-label {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   cursor: pointer;
 }
+
+ion-breadcrumb {
+  color: var(--ion-color-primary-contrast);
+
+  &::part(separator) {
+    color: var(--ion-color-primary-contrast);
+  }
+
+  &::part(collapsed-indicator) {
+    background: var(--ion-color-primary-contrast);
+  }
+}