diff --git a/ui/src/Components/NavBar/index.js b/ui/src/Components/NavBar/index.js
index ba1c70e9b..4b8a30687 100644
--- a/ui/src/Components/NavBar/index.js
+++ b/ui/src/Components/NavBar/index.js
@@ -89,7 +89,7 @@ const NavBar = observer(
     updateBodyPaddingTop = () => {
       const paddingTop = this.activityStatus.idle
         ? 0
-        : this.elementSize.height + 4;
+        : this.elementSize.height + 8;
       document.body.style.paddingTop = `${paddingTop}px`;
     };
 
diff --git a/ui/src/Components/NavBar/index.test.js b/ui/src/Components/NavBar/index.test.js
index 0d6c8a343..bdaf28f1c 100644
--- a/ui/src/Components/NavBar/index.test.js
+++ b/ui/src/Components/NavBar/index.test.js
@@ -116,14 +116,14 @@ describe("<NavBar />", () => {
       window
         .getComputedStyle(document.body, null)
         .getPropertyValue("padding-top")
-    ).toBe("14px");
+    ).toBe("18px");
 
     tree.instance().onResize(0, 36);
     expect(
       window
         .getComputedStyle(document.body, null)
         .getPropertyValue("padding-top")
-    ).toBe("40px");
+    ).toBe("44px");
   });
 });