diff --git a/frontend/src/lib/components/SortDropdown.svelte b/frontend/src/lib/components/SortDropdown.svelte
index c7dbce0c..25827726 100644
--- a/frontend/src/lib/components/SortDropdown.svelte
+++ b/frontend/src/lib/components/SortDropdown.svelte
@@ -13,11 +13,11 @@ function toggleDir() {
 }
 </script>
 
-<div class="inline-flex items-center">
+<div class="inline-flex items-stretch">
 	<select
 		role="combobox"
 		bind:value={sort}
-		class="border border-line bg-muted px-4 py-2.5 text-sm font-bold text-ink-2 transition hover:text-ink focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
+		class="appearance-none border border-line bg-muted px-4 py-2.5 text-sm font-bold text-ink-2 transition hover:text-ink focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
 	>
 		<option value="DATE">{m.docs_sort_date()}</option>
 		<option value="TITLE">{m.docs_sort_title()}</option>