Support: Search field icon not vertically aligned

[nishitajoshi]

Support URL search button has not in sync alignment with Search forums text.
This should be align as other page search buttons have.
Page URL: ​https://wordpress.org/support/welcome/

[nishitajoshi]

This should be align in Search forum text with responsive devices as well.

[nishitajoshi]

Bug Reference with Result.

[im3dabasia1]

Thank you, @nishitajoshi, for the ticket. I was able to reproduce the issue you described.

This is happening due to the following CSS:

.search-form .button-search {
    // other properties...
    padding-block: var(--wp--custom--form--padding--block);
    // other properties...
}

[densinakum]

The optimal solution would be to use 'display: flex;' and 'align-items: center;' for Responsive and consistent alignment.

.search-form .button-search {
    display: flex;
    align-items: center;
}

[dd32]

#7836 was marked as a duplicate.