diff --git a/src/components/Menu/MenuBar.vue b/src/components/Menu/MenuBar.vue
index 6d998e4e5a8..d06984de01e 100644
--- a/src/components/Menu/MenuBar.vue
+++ b/src/components/Menu/MenuBar.vue
@@ -237,7 +237,8 @@ export default {
 	top: 0;
 	bottom: 0;
 	width: 100%;
-	z-index: 10021; // above modal-header so menubar is always on top
+	// Display above link previews and tables, but below dialogs and calendar event popover
+	z-index: 4;
 	background-color: var(--color-main-background-translucent);
 	backdrop-filter: var(--background-blur);
 	border-bottom: 1px solid var(--color-border);
diff --git a/src/components/Menu/ReadonlyBar.vue b/src/components/Menu/ReadonlyBar.vue
index ae4716ca2b4..7c5f8e99b9f 100644
--- a/src/components/Menu/ReadonlyBar.vue
+++ b/src/components/Menu/ReadonlyBar.vue
@@ -111,7 +111,8 @@ export default defineComponent({
 	top: 0;
 	bottom: var(--default-grid-baseline);
 	width: 100%;
-	z-index: 10021; // above modal-header so menubar is always on top
+	// Display above link previews and tables, but below dialogs and calendar event popover
+	z-index: 4;
 	background-color: var(--color-main-background-translucent);
 	backdrop-filter: var(--background-blur);
 	max-height: var(