solved headers not sticking with a hard-coded top position at 40px. Not best practice and should revisit later to make dynamic. For now, moving on to other UI issues.

Author: jrosengrant

src/app/styles/layout/_stateContainer.scss

@@ -61,7 +61,7 @@
 .navbar {
   // prevent navbar from scrolling with state/tree display
   position: sticky;
-  top: 0px;
+  top: 40px; //JR 12.16.23 @12:15pm: this hardcoding is not best practice, should revisit to figure out a more dynamic way of sticking the navbar to the bottom of the main-navbar
   left: 0px;
   z-index: 1;
   @extend %disable-highlight;
@@ -263,5 +263,3 @@
 .tooltipData-JSONTree::-webkit-scrollbar-track {
   background: #51565e;
 }
-
-