diff --git a/frontend/src/css/base.css b/frontend/src/css/base.css
index 998dfb84..be5b0b98 100644
--- a/frontend/src/css/base.css
+++ b/frontend/src/css/base.css
@@ -96,6 +96,9 @@ main {
   height: 3em;
   background: var(--background);
   border-bottom: 1px solid var(--divider);
+  position: sticky;
+  z-index: 1000;
+  top: 4em;
 }
 
 .breadcrumbs span,
diff --git a/frontend/src/css/styles.css b/frontend/src/css/styles.css
index 19b94b95..241d9593 100644
--- a/frontend/src/css/styles.css
+++ b/frontend/src/css/styles.css
@@ -351,6 +351,8 @@ main .spinner .bounce2 {
 #editor-container .breadcrumbs {
   height: 2.3em;
   padding: 0 1em;
+  position: relative;
+  top: 0;
 }
 
 /*** RTL - flip and position arrow of path ***/