diff --git a/src/lib/components/UnitFilter.svelte b/src/lib/components/UnitFilter.svelte
index 9e9a161..7fc2d09 100644
--- a/src/lib/components/UnitFilter.svelte
+++ b/src/lib/components/UnitFilter.svelte
@@ -83,7 +83,7 @@
 	</svg>
 {/snippet}
 
-<div class="flex items-center gap-x-1 gap-y-2 overflow-x-scroll scrollbar-thin pb-2">
+<div class="flex scrollbar-thin items-center gap-x-1 gap-y-2 overflow-x-scroll pb-2">
 	<button
 		type="button"
 		class="chip {selectedUnitId === '' ? 'chip-active' : ''}"
diff --git a/src/routes/layout.css b/src/routes/layout.css
index b5ad631..b283546 100644
--- a/src/routes/layout.css
+++ b/src/routes/layout.css
@@ -105,7 +105,7 @@ button {
 }
 
 .chip {
-	@apply border-rule whitespace-nowrap text-ink hover:border-ink bg-surface inline-flex items-center rounded-sm border px-3 py-1.5 font-sans text-[11px] font-medium tracking-[0.12em] uppercase transition-colors;
+	@apply border-rule text-ink hover:border-ink bg-surface inline-flex items-center rounded-sm border px-3 py-1.5 font-sans text-[11px] font-medium tracking-[0.12em] whitespace-nowrap uppercase transition-colors;
 }
 
 .chip-active {
@@ -133,7 +133,7 @@ button {
 }
 
 .unit-rail {
-	@apply flex gap-3 overflow-x-scroll py-1 scrollbar-thin pb-2;
+	@apply flex scrollbar-thin gap-3 overflow-x-scroll py-1 pb-2;
 }
 
 .unit-rail::-webkit-scrollbar {