Help text is cutoff at xsmall breakpoint
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3419904. -->
Reported by: [paul121](https://www.drupal.org/user/3624919)
Related to !385
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>Experiencing an issue where the page help text can is cutoff at screens widths below the small breakpoint, and only on pages that do not have local tasks. We have various pages in farmOS where we add help text via <code>hook_help()</code> and started to notice that this text was being cutoff/removed on mobile in (it was working OK in firefox). The easiest way to reproduce in core may be the access denied page.</p>
<p>I believe this change was introduced with this commit: <a href="https://git.drupalcode.org/project/gin/-/commit/61e9cf2ec4e98c375850c6f0a34217498c964382">https://git.drupalcode.org/project/gin/-/commit/61e9cf2ec4e98c375850c6f0a34217498c964382</a></p>
<h4 id="summary-steps-reproduce">Steps to reproduce</h4>
<p>Navigate to a page that renders the access denied page. Change width to less than 768 pixels and observe that text is cutoff.</p>
<p><strong>Steps</strong><br>
1. Install the Gin theme and set it as the default<br>
2. Create new user 'test user' with role content editor<br>
3. Login with 'test user'<br>
4. Go to page =>/admin/appearance/settings/gin<br>
5. Check for the "Access denied" below 768px resolution</p>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<p>Investigate</p>
<h3 id="summary-remaining-tasks">Remaining tasks</h3>
<p>Implement, test</p>
<h3 id="summary-ui-changes">User interface changes</h3>
<p>Help text is always displayed, consistent spacing near top of page.</p>
<h3 id="summary-api-changes">API changes</h3>
<p>None</p>
<h3 id="summary-data-model-changes">Data model changes</h3>
<p>None</p>
issue