Fix double scroll bar in ModelSelector and KiloProfileSelector

[crazyrabbit0]

Fix double scroll bar in ModelSelector and KiloProfileSelector

Context

Double scroll bars were appearing in the model and profile selection dropdowns on the front page. This occurred because both the outer popover container and the inner list container had overflow-y-auto enabled and the outer container's max-height was smaller than the inner one's, causing both to trigger scrollbars when the list was long.

Implementation

I resolved this by increasing the max-height of the outer container to 400px in ModelSelector.tsx and KiloProfileSelector.tsx. This ensures the outer container is tall enough to accommodate the inner scrollable list (which has a default max-height of max-h-82 or ~328px) without triggering its own scrollbar.

This change ensures that only the inner container handles scrolling, providing a cleaner and more standard user experience.

Screenshots

before	after

How to Test

1. Open the Kilo Code extension to the front page.
2. Click on the model selector in the bottom left corner.
3. Ensure you have enough models or profiles to require scrolling.
4. Verify that only one scroll bar is visible and functional.
5. Repeat the same check for the profile selector.

[changeset-bot]

🦋 Changeset detected

Latest commit: d7ad0d8

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
kilo-code	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[kevinvandijk]

Thank you @crazyrabbit0!