diff --git a/tools/ui/src/lib/components/app/models/ModelsSelectorDropdown.svelte b/tools/ui/src/lib/components/app/models/ModelsSelectorDropdown.svelte
index fafbed0e90..d6a98b4133 100644
--- a/tools/ui/src/lib/components/app/models/ModelsSelectorDropdown.svelte
+++ b/tools/ui/src/lib/components/app/models/ModelsSelectorDropdown.svelte
@@ -88,8 +88,8 @@
 	let visualOrder = $derived.by(() => {
 		const order: string[] = [];
 
-		for (const item of ms.groupedFilteredOptions.loaded) order.push(item.option.id);
 		for (const item of ms.groupedFilteredOptions.favorites) order.push(item.option.id);
+		for (const item of ms.groupedFilteredOptions.loaded) order.push(item.option.id);
 		for (const group of ms.groupedFilteredOptions.available) {
 			for (const item of group.items) order.push(item.option.id);
 		}
diff --git a/tools/ui/src/lib/components/app/models/ModelsSelectorList.svelte b/tools/ui/src/lib/components/app/models/ModelsSelectorList.svelte
index 73508ca66b..9834faabf3 100644
--- a/tools/ui/src/lib/components/app/models/ModelsSelectorList.svelte
+++ b/tools/ui/src/lib/components/app/models/ModelsSelectorList.svelte
@@ -48,8 +48,16 @@
 	/>
 {/snippet}
 
+{#if groups.favorites.length > 0}
+	<p class={sectionHeaderClass}>Favorite models</p>
+
+	{#each groups.favorites as item (`fav-${item.option.id}`)}
+		{@render render(item, true)}
+	{/each}
+{/if}
+
 {#if downloadEntries.length > 0}
-	<p class="{sectionHeaderClass} mt-0">Download in progress</p>
+	<p class={sectionHeaderClass}>Download in progress</p>
 
 	{#each downloadEntries as entry (entry.repoWithTag)}
 		<ModelsSelectorDownloadItem {entry} />
@@ -64,14 +72,6 @@
 	{/each}
 {/if}
 
-{#if groups.favorites.length > 0}
-	<p class={sectionHeaderClass}>Favorite models</p>
-
-	{#each groups.favorites as item (`fav-${item.option.id}`)}
-		{@render render(item, true)}
-	{/each}
-{/if}
-
 {#if groups.available.length > 0}
 	<h2 class={sectionHeaderClass}>Downloaded models</h2>