Hi there,
you have this CSS on your site:
#nav-below .page-numbers:not(.dots) {
background-color: #ddd;
color: #000;
display: inline-block;
width: 30px;
line-height: 30px;
text-align: center;
border-radius: 0px;
}
/* Change current and hover colors */
#nav-below .page-numbers:not(.dots):hover,
#nav-below .page-numbers.current {
background-color: #00FF;
color: #fff;
}
Change it to:
/* Add radius and background to page numbers */
#nav-below .page-numbers:not(.dots) {
color: #000;
display: inline-block;
width: 30px;
line-height: 30px;
text-align: center;
border-radius: 4px;
border: 1px solid #ccc;
}
/* Change current and hover colors */
#nav-below .page-numbers:not(.dots):hover,
#nav-below .page-numbers.current {
border: 1px solid #444;
}