text-align: left !important;
padding: 5px 0 5px 15px !important;
font-weight: $font-semibold !important;
color: pvar(--mainForegroundColor) !important;
&.p-sortable-column:hover {
text-align: left !important;
padding: 5px 0 5px 15px !important;
font-weight: $font-semibold !important;
color: pvar(--mainForegroundColor) !important;
&.p-sortable-column:hover {
- a, .p-paginator-pages {
- vertical-align: middle;
- }
+ @media screen and (max-width: $mobile-view) {
+ // Prevent overflow
+ p-paginator {
+ .p-paginator-pages > .p-paginator-page:not(.p-highlight) {
+ display: none;