diff --git a/packages/ui/src/components/base/FloatingActionBar.vue b/packages/ui/src/components/base/FloatingActionBar.vue
index dc97b5dbd0..fd46ec68da 100644
--- a/packages/ui/src/components/base/FloatingActionBar.vue
+++ b/packages/ui/src/components/base/FloatingActionBar.vue
@@ -6,13 +6,14 @@ import { useModalStack } from '../../composables/modal-stack'
 const props = defineProps<{
 	shown: boolean
 	ariaLabel?: string
+	belowModal?: boolean
 }>()
 
 const toolbarEl = ref<HTMLElement | null>(null)
 const compact = ref(false)
 
 const { stackCount } = useModalStack()
-const zIndex = computed(() => 100 + stackCount.value * 10 + 8)
+const zIndex = computed(() => 100 + stackCount.value * 10 + 8 + (!props.belowModal ? 1 : 0))
 
 function checkCompact() {
 	const el = toolbarEl.value
diff --git a/packages/ui/src/layouts/wrapped/hosting/manage/backups.vue b/packages/ui/src/layouts/wrapped/hosting/manage/backups.vue
index 8ee63deaf0..949f26ad93 100644
--- a/packages/ui/src/layouts/wrapped/hosting/manage/backups.vue
+++ b/packages/ui/src/layouts/wrapped/hosting/manage/backups.vue
@@ -160,6 +160,7 @@
 				</div>
 
 				<FloatingActionBar
+					below-modal
 					:shown="selectedIds.size > 0 || isBulkOperating"
 					:aria-label="
 						formatMessage(messages.bulkBarAriaLabel, {