diff --git a/src/web/lib/components/PaginatedThemeSelector/index.js b/src/web/lib/components/PaginatedThemeSelector/index.js
index e26e9e90..8da8fc5a 100644
--- a/src/web/lib/components/PaginatedThemeSelector/index.js
+++ b/src/web/lib/components/PaginatedThemeSelector/index.js
@@ -76,7 +76,7 @@ export const PaginatedThemeSelector = ({
   });
 
   const footerPager = pageCount > 1 && (
-    <div className="page-selector">
+    <div className="page-selector" role="navigation" aria-label="pagination">
       <button
         className={classNames("previous", { disabled: prevDisabled })}
         disabled={prevDisabled}
@@ -92,7 +92,10 @@ export const PaginatedThemeSelector = ({
             "current-page": idx === currentPage
           })}
           onClick={() => setCurrentPage(idx)}
-          title={`Page ${idx + 1}`}
+          title={`Page ${idx + 1} of ${pageCount}`}
+          aria-current={
+            currentPage ? "page" : "false"
+          }
         />
       ))}
       <button
diff --git a/src/web/lib/components/PaginatedThemeSelector/index.scss b/src/web/lib/components/PaginatedThemeSelector/index.scss
index 226b73f7..0b290600 100644
--- a/src/web/lib/components/PaginatedThemeSelector/index.scss
+++ b/src/web/lib/components/PaginatedThemeSelector/index.scss
@@ -35,7 +35,7 @@
     button.page {
       &::before {
         border-radius: 8px;
-        border: 2px solid var(--grey-40);
+        border: 2px solid var(--grey-50);
         box-sizing: border-box;
         content: "";
         height: 10px;
@@ -59,7 +59,6 @@
       background-position: center center;
       background-repeat: no-repeat;
       background-size: 10px 18px;
-      opacity: .7;
       transition: opacity 125ms;
 
       &:hover {