diff --git a/packages/ui/src/base/page/page-settings-actions.svelte b/packages/ui/src/base/page/page-settings-actions.svelte
index 2d10ea3d..434e3fc6 100644
--- a/packages/ui/src/base/page/page-settings-actions.svelte
+++ b/packages/ui/src/base/page/page-settings-actions.svelte
@@ -45,33 +45,36 @@
   });
 </script>
 
-<div bind:this={ref} class={cn('ui:shrink-0', className)} {...restProps}>
-  <div data-slot="page-settings-actions" class="ui:sticky ui:bottom-0 ui:z-10 ui:pb-4">
-    <div
-      class={cn(
-        'ui:flex ui:flex-col ui:gap-3 ui:sm:flex-row ui:sm:items-center ui:sm:justify-between',
-        'ui:rounded-lg ui:border ui:border-border ui:bg-background ui:p-4 ui:transition-shadow',
-        !isDocked && 'ui:shadow-md',
-        contentClassName
-      )}
-    >
-      <p class="ui:text-sm ui:text-muted-foreground">{statusLabel}</p>
+<div
+  bind:this={ref}
+  data-slot="page-settings-actions"
+  class={cn('ui:sticky ui:bottom-0 ui:z-50 ui:pb-4 ui:shrink-0', className)}
+  {...restProps}
+>
+  <div
+    class={cn(
+      'ui:flex ui:flex-col ui:gap-3 ui:sm:flex-row ui:sm:items-center ui:sm:justify-between',
+      'ui:rounded-lg ui:border ui:border-border ui:bg-background ui:p-4 ui:transition-shadow',
+      !isDocked && 'ui:shadow-md',
+      contentClassName
+    )}
+  >
+    <p class="ui:text-sm ui:text-muted-foreground">{statusLabel}</p>
 
-      <div class="ui:flex ui:shrink-0 ui:items-center ui:justify-end ui:gap-2">
-        <Button variant="ghost" type="button" disabled={actionsDisabled} onclick={onDiscard}>
-          {discardLabel}
-        </Button>
-        <Button type="button" {loading} disabled={actionsDisabled || disabled} onclick={onSave}>
-          {saveLabel}
-        </Button>
-      </div>
+    <div class="ui:flex ui:shrink-0 ui:items-center ui:justify-end ui:gap-2">
+      <Button variant="ghost" type="button" disabled={actionsDisabled} onclick={onDiscard}>
+        {discardLabel}
+      </Button>
+      <Button type="button" {loading} disabled={actionsDisabled || disabled} onclick={onSave}>
+        {saveLabel}
+      </Button>
     </div>
   </div>
-
-  <div
-    bind:this={dockSentinel}
-    data-slot="page-settings-actions-sentinel"
-    class="ui:h-px ui:shrink-0"
-    aria-hidden="true"
-  ></div>
 </div>
+
+<div
+  bind:this={dockSentinel}
+  data-slot="page-settings-actions-sentinel"
+  class="ui:h-px ui:shrink-0"
+  aria-hidden="true"
+></div>