diff --git a/frontend/src/components/home/AppHeader.vue b/frontend/src/components/home/AppHeader.vue
index 9bcc2fc98..d6ee315ec 100644
--- a/frontend/src/components/home/AppHeader.vue
+++ b/frontend/src/components/home/AppHeader.vue
@@ -164,10 +164,12 @@ $user-dropdown-width-mobile: 5rem;
 	inset-block-start: 0;
 	inset-inline-start: 0;
 	inset-inline-end: 0;
+	z-index: 30;
 
 	display: flex;
 	justify-content: space-between;
 	gap: var(--navbar-gap-width);
+	min-block-size: $navbar-height;
 
 	background: var(--site-background);
 
@@ -257,8 +259,6 @@ $user-dropdown-width-mobile: 5rem;
 }
 
 .navbar-end {
-	margin-inline-start: 0; // overrides bulma core styles
-	margin-inline-end: 0; // overrides bulma core styles
 	flex: 0 0 auto;
 	display: flex;
 	align-items: stretch;
diff --git a/frontend/src/styles/global.scss b/frontend/src/styles/global.scss
index 89db4fce8..3294ef496 100644
--- a/frontend/src/styles/global.scss
+++ b/frontend/src/styles/global.scss
@@ -50,7 +50,7 @@
 @import "bulma-css-variables/sass/components/menu";
 //@import "bulma-css-variables/sass/components/message"; // not used
 // @import "bulma-css-variables/sass/components/modal"; // not used; Modal.vue owns its own dialog-based styles
-@import "bulma-css-variables/sass/components/navbar";
+// @import "bulma-css-variables/sass/components/navbar"; // not used; ported into AppHeader.vue
 @import "bulma-css-variables/sass/components/pagination";
 // @import "bulma-css-variables/sass/components/panel"; // not used
 // @import "bulma-css-variables/sass/components/tabs"; // not used