fix: polish model picker dropdowns

packages/ui/src/components/model-picker/ModelPickerList.tsx

@@ -500,7 +500,7 @@ export const ModelPickerList: React.FC<ModelPickerListProps> = ({
   }, [disabled, flatModelList, moveSelection, onActiveKeyDown, onEscape, onSelect, onVariantKey, selectionStore]);
 
   const headerClassName = cn(
-    'typography-micro font-semibold text-muted-foreground uppercase tracking-wider flex items-center gap-2 -mx-1 px-3 py-1.5 border-b border-border/30',
+    'typography-micro font-semibold text-muted-foreground uppercase tracking-wider flex items-center gap-2 px-2 py-1.5',
     stickyHeaders && 'sticky top-0 z-10 [background:linear-gradient(var(--surface-elevated),var(--surface-elevated)),linear-gradient(var(--surface-background),var(--surface-background))]',
     sectionHeaderClassName,
   );
@@ -638,7 +638,7 @@ export const ModelPickerList: React.FC<ModelPickerListProps> = ({
       </div>
 
       <ScrollableOverlay ref={scrollRef} outerClassName={maxHeightClassName} className="overlay-scrollbar-target--no-gutter" style={maxHeightStyle}>
-        <div className="p-1">
+        <div className="px-1">
           {includeNotSelected ? (
             <>
               <button