src/routes/(app)/chapters/[chapterId=id]/+page.svelte

@@ -102,8 +102,9 @@
 			{/if}
 		</div>
 	</header>
-	<div class="flex flex-col md:flex-row gap-2">
+	<div class="flex flex-col gap-2 md:flex-row">
 		<Input bind:value={name} placeholder="Rechercher un puzzle" />
+		{#if Object.keys(themes).length}
 			<Select.Root
 				multiple
 				selected={themeList.map((theme) => ({ label: theme, value: theme }))}
@@ -124,6 +125,8 @@
 					{/each}
 				</Select.Content>
 			</Select.Root>
+		{/if}
+		{#if Object.keys(difficulties).length}
 			<Select.Root
 				multiple
 				selected={difficultyList.map((difficulty) => ({ label: difficulty, value: difficulty }))}
@@ -144,6 +147,7 @@
 					{/each}
 				</Select.Content>
 			</Select.Root>
+		{/if}
 	</div>
 	<ul class="flex flex-col gap-2">
 		{#if !filteredPuzzles.length}