Google search box - not displaying correctly

Hi there,

the majority of the form styles comes from the form itself - you may want to check the plugin settings to see if those can be changed. If not then try adding this CSS:

/* remove unnecessary padding and border */
#right-sidebar .widget:first-child,
table.gsc-search-box td,
table.gsc-search-box td.gsc-input  {
  padding: 0 !important;
  border: none;
}
.gsc-input-box,
.gsc-search-box table {
    border: none !important;
    outline: none;
}
/* Add padding and border to search form */
.gsc-search-box {
    border: 1px solid #ccc;
    padding: 5px;
}
/* change button colors */
.gsc-search-box .gsc-search-button-v2,
.gsc-search-box .gsc-search-button-v2:hover{
    background-color: #fff;
    border: none;
    padding: 8px;
}
.gsc-search-box .gsc-search-button-v2 svg {
  fill: #000;
}
.gsc-search-box .gsc-search-button-v2:hover svg {
    fill: #ccc;
}

Thank you.
The code was perfect!
Thanks again

Glad to be of help