diff --git a/web/src/lib/components/ui/Section.svelte b/web/src/lib/components/ui/Section.svelte
index dfc87cece..7f76a7eaf 100644
--- a/web/src/lib/components/ui/Section.svelte
+++ b/web/src/lib/components/ui/Section.svelte
@@ -7,6 +7,7 @@
 		empty: boolean;
 		emptyMessage: string;
 		listClass?: string;
+		actions?: Snippet;
 		header?: Snippet;
 		footer?: Snippet;
 		children: Snippet;
@@ -17,6 +18,7 @@
 		empty,
 		emptyMessage,
 		listClass = "flex flex-col gap-md",
+		actions,
 		header,
 		footer,
 		children
@@ -24,7 +26,14 @@
 </script>
 
 <section>
-	{#if title}
+	{#if actions}
+		<div class="flex items-center justify-between gap-sm px-xs pb-md">
+			{#if title}
+				<h2 class="typography-paragraph-large font-medium">{title}</h2>
+			{/if}
+			{@render actions()}
+		</div>
+	{:else if title}
 		<h2 class="px-xs pb-md typography-paragraph-large font-medium">{title}</h2>
 	{/if}
 	{@render header?.()}