diff --git a/apps/web/app/templates/page.tsx b/apps/web/app/templates/page.tsx
index 12879cd..754bb94 100644
--- a/apps/web/app/templates/page.tsx
+++ b/apps/web/app/templates/page.tsx
@@ -26,7 +26,7 @@ interface Template {
   createdAt: string;
 }
 
-type Sort = 'trending' | 'top' | 'newest';
+type Sort = 'trending' | 'top';
 type Scope = 'all' | 'mine';
 
 const STATUS_STYLE: Record<Template['status'], string> = {
@@ -202,7 +202,7 @@ export default function TemplatesMarketplace() {
             {scope === 'all' && (
               <>
                 <div className="flex shrink-0 gap-1">
-                  {(['trending', 'top', 'newest'] as Sort[]).map((s) => (
+                  {(['trending', 'top'] as Sort[]).map((s) => (
                     <button
                       key={s}
                       type="button"
@@ -225,7 +225,13 @@ export default function TemplatesMarketplace() {
             <select
               value={category}
               onChange={(e) => setCategory(e.target.value)}
-              className="h-7 shrink-0 rounded-md border border-[--color-border] bg-[--color-bg-subtle] px-2 text-[12.5px] focus:border-[--color-accent] focus:outline-none"
+              // Hard width-cap — without it a long category name in the
+              // selected slot would blow the chip row out on mobile and
+              // push the scrollable region beyond the viewport. Native
+              // <select> truncates the visible label with ellipsis when
+              // the box is narrower than the text; the dropdown panel
+              // itself still shows full names when opened.
+              className="h-7 w-[140px] shrink-0 truncate rounded-md border border-[--color-border] bg-[--color-bg-subtle] px-2 text-[12.5px] focus:border-[--color-accent] focus:outline-none sm:w-[160px]"
             >
               <option value="">All categories</option>
               {categories.map((c) => (