Use fixed w-[72px] shrink-0 pills (not flex-1) so the 7 bottom-nav items keep their shape and scroll horizontally instead of compressing labels to overlap; add truncating 10px mobile label (12px >=sm).
Use fixed w-[72px] shrink-0 pills (not flex-1) so the 7 bottom-nav items keep their shape and scroll horizontally instead of compressing labels to overlap; add truncating 10px mobile label (12px >=sm).