diff --git a/ui/src/pages/Routes/RouteDetail.module.css b/ui/src/pages/Routes/RouteDetail.module.css
index df1a80dc..e445bff4 100644
--- a/ui/src/pages/Routes/RouteDetail.module.css
+++ b/ui/src/pages/Routes/RouteDetail.module.css
@@ -360,18 +360,26 @@
 
 .typeOption {
   padding: 4px 12px;
-  border-radius: 6px;
+  border-radius: var(--radius-sm);
   font-size: 11px;
   cursor: pointer;
   border: 1px solid var(--border-subtle);
   background: var(--bg-surface);
   color: var(--text-muted);
+  font-family: var(--font-body);
+  transition: all 0.15s ease;
+}
+
+.typeOption:hover {
+  border-color: var(--border);
+  color: var(--text-secondary);
 }
 
 .typeOptionActive {
-  background: var(--accent-primary);
-  color: white;
-  border-color: var(--accent-primary);
+  background: var(--amber-bg);
+  color: var(--amber-deep);
+  border-color: var(--amber);
+  font-weight: 600;
 }
 
 .tapModalFooter {