Cancel link in top bar adds padding and hides page title
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3535333. -->
Reported by: [mglaman](https://www.drupal.org/user/2416470)
Related to !639
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>We noticed this on confirm forms after upgrading to 5.x for Drupal 11.2</p>
<p><img src="https://www.drupal.org/files/issues/2025-07-10/Screenshot%202025-07-10%20at%204.10.46%E2%80%AFPM.png"></p>
<h4 id="summary-steps-reproduce">Steps to reproduce</h4>
<p>I went to flush an image style as that is one operation not in an AJAX (navigation module must be enabled.) </p>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<p>.gin--navigation-top-bar button, .gin--navigation-top-bar input[type=submit], .gin--navigation-top-bar .local-actions__item a </p>
<p>this needs to target .gin--navigation-top-bar .button</p>
<p>How I fixed in our CSS:</p>
<pre>.gin--navigation-top-bar .button {<br> font-size: var(--gin-font-size-xs) !important;<br> font-weight: var(--gin-font-weight-bold) !important;<br> padding-block: calc(var(--gin-spacing-xs) - var(--gin-spacing-xxxs)) !important;<br> padding-inline: var(--gin-spacing-s) !important;<br> margin-block: 0 !important;<br> box-shadow: none !important;<br>}</pre><h3 id="summary-remaining-tasks">Remaining tasks</h3>
<h3 id="summary-ui-changes">User interface changes</h3>
<h3 id="summary-api-changes">API changes</h3>
<h3 id="summary-data-model-changes">Data model changes</h3>
issue