diff --git a/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss b/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss
index df45061d13..7e2d2ec501 100644
--- a/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss
+++ b/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss
@@ -8,14 +8,14 @@
 @import 'stylesheets/globals.scss';
 
 .bar {
-  position: absolute;
+  position: sticky;
   top: 0;
   left: 0;
   height: 30px;
   background: #66637a;
   white-space: nowrap;
-  display: inline-block;
-  min-width: 100%;
+  display: flex;
+  flex: 1;
   // to resolve rendering issue with retina displays
   -webkit-transform: translate3d(0,0,0);
 }
diff --git a/src/dashboard/Data/Browser/Browser.scss b/src/dashboard/Data/Browser/Browser.scss
index ba6b92c463..a8562c5563 100644
--- a/src/dashboard/Data/Browser/Browser.scss
+++ b/src/dashboard/Data/Browser/Browser.scss
@@ -14,7 +14,7 @@
   right: 0;
   bottom: 0;
   overflow: auto;
-  padding-top: 30px;
+  display: flex;
 }
 
 body:global(.expanded) {
@@ -82,9 +82,7 @@ body:global(.expanded) {
   top: 30px;
   bottom: 0;
   left: 0;
-  min-width: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;
+  width: 100%;
 }
 
 .table .empty {