diff --git a/src/lib/components/NotesView.svelte b/src/lib/components/NotesView.svelte
index 223a14e..c2fb90c 100644
--- a/src/lib/components/NotesView.svelte
+++ b/src/lib/components/NotesView.svelte
@@ -77,7 +77,7 @@
 {/if}
 
 {#if filter === 'all'}
-	<div class="mb-4 flex flex-wrap items-start justify-between gap-3">
+	<div class="mb-4 flex flex-col gap-3 md:flex-row md:items-start md:justify-between">
 		<TagFilter />
 		<SortSelector />
 	</div>
diff --git a/src/lib/components/SortSelector.svelte b/src/lib/components/SortSelector.svelte
index 10c5acc..94c3433 100644
--- a/src/lib/components/SortSelector.svelte
+++ b/src/lib/components/SortSelector.svelte
@@ -11,7 +11,7 @@
 	];
 </script>
 
-<div class="inline-flex rounded-sm border border-[var(--border-subtle)]" data-testid="sort-selector">
+<div class="inline-flex self-end rounded-sm border border-[var(--border-subtle)]" data-testid="sort-selector">
 	{#each modes as mode}
 		<button
 			onclick={() => sortMode.set(mode.value)}