Search TextBox and Search Button design break issues generated on the WordPress search page for mobile devices.

[upadalavipul]

I have cross verified this issue on my mobile and it is generated. please check the below-attached screenshot.

Page URL: ​https://wordpress.org/search/

Issue Screenshot:

• ​https://share.cleanshot.com/CV1lW084QqKhFlS0F9Yz
• ​https://share.cleanshot.com/9F9Q3XhMGJ7WrbLS9YvB

[upadalavipul]

I think, Needs to be some space between Search TextBox and Search Button.

The solution needs to add the below provide CSS.

table.gsc-search-box td.gsc-input{
    padding-right:12px!important;
}
.gsc-input-box{
    padding: 0;
}

[nidhidhandhukiya]

According to me we have to follow the consistency in design so we need to make search design same as the search page.

Below css can make the search design same.

table.gsc-search-box td.gsc-input{
    padding-right:12px!important;
}
.gsc-input-box{
    padding: 0;
}

.gsc-input-box {
    border-radius: 0;
}

.gsc-search-button-v2 {
    border-radius: 0;
}