diff --git a/web/src/lib/components/ui/Combobox.svelte b/web/src/lib/components/ui/Combobox.svelte
index bede0fca1..3a85c59fd 100644
--- a/web/src/lib/components/ui/Combobox.svelte
+++ b/web/src/lib/components/ui/Combobox.svelte
@@ -36,6 +36,7 @@
 	import { tick } from "svelte";
 	import { createAttachmentKey } from "svelte/attachments";
 	import Input from "$lib/components/ui/Input.svelte";
+	import Separator from "$lib/components/ui/Separator.svelte";
 	import { popoverExit } from "$lib/popoverExit";
 	import { popoverOrigin, type PopoverOrigin } from "$lib/components/ui/popover.svelte";
 	import {
@@ -394,6 +395,9 @@
 				{#if heading}
 					<div class={classes.groupHeading()}>{heading}</div>
 				{/if}
+				{#if item.separator}
+					<Separator class="my-2xs" />
+				{/if}
 				<button
 					id={optionId(index)}
 					type="button"
@@ -410,6 +414,8 @@
 				>
 					{#if isSelected(item)}
 						<Check class={classes.check()} aria-hidden="true" />
+					{:else if item.icon}
+						<item.icon class={classes.check()} aria-hidden="true" />
 					{:else}
 						<span class="size-3.5 shrink-0" aria-hidden="true"></span>
 					{/if}
diff --git a/web/src/lib/components/ui/selectField.ts b/web/src/lib/components/ui/selectField.ts
index c27432a50..ecc630759 100644
--- a/web/src/lib/components/ui/selectField.ts
+++ b/web/src/lib/components/ui/selectField.ts
@@ -1,3 +1,5 @@
+import type { Component } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
 import { tv, type VariantProps } from "tailwind-variants";
 
 export interface SelectOption {
@@ -6,6 +8,8 @@ export interface SelectOption {
 	hint?: string;
 	group?: string;
 	disabled?: boolean;
+	separator?: boolean;
+	icon?: Component<SvelteHTMLElements["svg"]>;
 }
 
 export type SelectAlign = "left" | "right";