/* The parent theme's "records per page" select (style-ltr.css's
   .houzez-sorting .form-control) only reserves 8px of right padding for its
   text, while its down-arrow icon (.sort-arrow) is a separate element
   absolutely positioned on top of it at right:10px — nothing tells the
   select's own text to stop short of that icon, so a longer label like
   "100 per page" runs right up against (and under) the arrow.
   Reserving more right-padding alone just steals width back from the text
   instead (the wrapper itself is a fixed 129px, per .houzez-sorting .relative
   in the same parent stylesheet) — "10 per page" was getting cut down to
   "10 per pa". Widening that wrapper alongside the padding gives the longest
   label ("100 per page") room to fit in full as well as clearing the arrow.
   Child-theme override only; never edit the parent theme's stylesheet
   directly. */
.houzez-sorting .relative {
    width: 150px !important;
}
.houzez-sorting .form-control {
    padding-right: 28px !important;
}