>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3579023. --> Reported by: [bbruno](https://www.drupal.org/user/3691195) >>> <p>[Tracker]<br> <strong>Update Summary: </strong>[One-line status update for stakeholders]<br> <strong>Short Description: </strong>[One-line issue summary for stakeholders]<br> <strong>Check-in Date: </strong>MM/DD/YYYY<br> <em>Metadata is used by the <a href="https://www.drupalstarforge.ai/" title="AI Tracker">AI Tracker.</a> Docs and additional fields <a href="https://www.drupalstarforge.ai/ai-dashboard/docs" title="AI Issue Tracker Documentation">here</a>.</em><br> [/Tracker]</p> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>Identified in <a href="https://www.drupal.org/project/ai_context/issues/3569776#comment-16504747">https://www.drupal.org/project/ai_context/issues/3569776#comment-16504747</a></p> <blockquote><p>I think we should open a ticket on AI module for the pill changes and for a fix to the icon as well. I noticed that the icon is missing its base class but when applying the base class (.ai-icon) the css property background-size: 100% is breaking the ai-icon--file as that icon is not square and the fix you applied background-size: contain; should be used instead.</p></blockquote> <p>As mentioned above, the current `.ai-icon` class contains `background-size: 100%`, and since the same class contains fixed square dimensions - this creates an overflow when used on non-square icons</p> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <p>Investigate if `background-size: contain; ` could fix this issue, while not impacting existing use cases of the class within AI Core itself</p> <h3 id="summary-ai-usage">AI usage (if applicable)</h3> <p>[ ] AI Assisted Issue<br> This issue was generated with AI assistance, but was reviewed and refined by the creator.</p> <p>[ ] AI Assisted Code<br> This code was mainly generated by a human, with AI autocompleting or parts AI generated, but under full human supervision.</p> <p>[ ] AI Generated Code<br> This code was mainly generated by an AI with human guidance, and reviewed, tested, and refined by a human.</p> <p>[ ] Vibe Coded<br> This code was generated by an AI and has only been functionally tested.</p>