>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3553940. --> Reported by: [ronraney](https://www.drupal.org/user/3674214) Related to !1040 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>When you are on an AI Agent configuration page, the tools that are selected are added to a wrapper. This wrapper has <code>display: flex</code> configured. If you add 20 tools, they are displayed in a flex row that continues off the page and required horizontal scrolling.</p> <h4 id="summary-steps-reproduce">Steps to reproduce (required for bugs, but not feature requests)</h4> <p>Please provide information like AI modules enabled, which AI provider, browser, etc.</p> <p>With the module installed and AI Agent installed, create or edit an agent. Add a lot of tools to the agent, probably 8 is enough.</p> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <p>Add <code>flex-wrap: wrap;</code> to the "ai-tools-library-wrapper" class in /modules/contrib/ai/assets/css/ai_tools_library_item.css</p> <h3 id="summary-remaining-tasks">Remaining tasks</h3> <p>Branch the most recent version and make the change to <code>/modules/contrib/ai/assets/css/ai_tools_library_item.css</code></p> <h3>Optional: Other details as applicable (e.g., User interface changes, API changes, Data model changes)</h3> <p>Contact me in Slack and teach me how to branch the module and make the change :)</p>