JSFiddle - React, Tailwind, and code Playground
CSS
/* Sidebar Searchbox fixes */
.qa-widget-side .qa-search {
position: relative;
}
.qa-widget-side .qa-search-field,
.qa-widget-side .qa-tag-search #tag_search {
padding-right: 2rem;
margin-bottom: .4rem;
}
/* Fix for conjoined 'Quick search hints' */
.pupi_as_table_container table>tbody>tr>td {
line-height: inherit; /* or it could also be "normal" */
}
/* Second Search input */
#tag_search:focus {
background-color: #ffffff;
}
.qa-widget-side .qa-search-button {
font-size: 1.5rem;
right: 6px;
}
.qa-widget-side .qa-tag-search .qa-search-button {
right: 2.3rem;
}
.qa-widget-side .qa-tag-search #tag_search_hints {
display: block;
width: 100%;
overflow-x: auto;
}
.qa-widget-side #tag_search_hints .qa-tag-link {
margin-bottom: 8px;
}
/* Sidebar Network Site fixes */
.qa-widget-side .qa-network-site-link {
margin-bottom: .5rem;
}
.qa-widget-side .qa-network-site-link img {
height: 20px;
width: auto;
vertical-align: middle;
}
/* Show Sidebar on Mobile Devices */
@media (max-width: 900px) {
.qa-sidepanel {
display: initial;
}
}