@@ -36,7 +36,7 @@ const SortControl: FC <Props> = (props: Props) => {
<div className="border rounded-right">
<button
type="button"
- className="btn dropdown-toggle"
+ className="btn dropdown-toggle search-sort-option-btn"
data-toggle="dropdown"
>
<span className="mr-4 text-secondary">{t(`search_result.sort_axis.${props.sort}`)}</span>
@@ -170,6 +170,10 @@
.search-control {
padding: 5px 0;
}
+ // To fix the sort options position
+ .search-sort-option-btn {
+ min-width: 12rem;
+ }
.search-control-include-options {
.card-body {
padding: 5px 10px;