diff --git a/listenbrainz/webserver/static/js/src/RecentListens.tsx b/listenbrainz/webserver/static/js/src/RecentListens.tsx
index fa25ffbe1f..033c4a14e5 100644
--- a/listenbrainz/webserver/static/js/src/RecentListens.tsx
+++ b/listenbrainz/webserver/static/js/src/RecentListens.tsx
@@ -659,7 +659,7 @@ export default class RecentListens extends React.Component<
       <ul className="pager" style={{ display: "flex" }}>
         <li
           className={`previous ${
-            currRecPage && currRecPage <= 1 ? "hidden" : ""
+            currRecPage && currRecPage <= 1 ? "disabled" : ""
           }`}
         >
           <a
@@ -675,7 +675,7 @@ export default class RecentListens extends React.Component<
         </li>
         <li
           className={`next ${
-            currRecPage && currRecPage >= totalRecPages ? "hidden" : ""
+            currRecPage && currRecPage >= totalRecPages ? "disabled" : ""
           }`}
           style={{ marginLeft: "auto" }}
         >
diff --git a/listenbrainz/webserver/static/js/src/stats/UserEntityChart.tsx b/listenbrainz/webserver/static/js/src/stats/UserEntityChart.tsx
index 4f36608e3e..3760b2d326 100644
--- a/listenbrainz/webserver/static/js/src/stats/UserEntityChart.tsx
+++ b/listenbrainz/webserver/static/js/src/stats/UserEntityChart.tsx
@@ -548,7 +548,7 @@ export default class UserEntityChart extends React.Component<
                 <div className="col-xs-12">
                   <ul className="pager">
                     <li
-                      className={`previous ${!(prevPage > 0) ? "hidden" : ""}`}
+                      className={`previous ${!(prevPage > 0) ? "disabled" : ""}`}
                     >
                       <a
                         href=""
@@ -560,7 +560,7 @@ export default class UserEntityChart extends React.Component<
                     </li>
                     <li
                       className={`next ${
-                        !(nextPage <= totalPages) ? "hidden" : ""
+                        !(nextPage <= totalPages) ? "disabled" : ""
                       }`}
                     >
                       <a
diff --git a/listenbrainz/webserver/static/js/src/stats/__snapshots__/UserEntityChart.test.tsx.snap b/listenbrainz/webserver/static/js/src/stats/__snapshots__/UserEntityChart.test.tsx.snap
index 18e3250c0e..7ee378228c 100644
--- a/listenbrainz/webserver/static/js/src/stats/__snapshots__/UserEntityChart.test.tsx.snap
+++ b/listenbrainz/webserver/static/js/src/stats/__snapshots__/UserEntityChart.test.tsx.snap
@@ -663,7 +663,7 @@ exports[`UserEntityChart Page renders correctly for artists 1`] = `
             className="pager"
           >
             <li
-              className="previous hidden"
+              className="previous disabled"
             >
               <a
                 href=""
@@ -674,7 +674,7 @@ exports[`UserEntityChart Page renders correctly for artists 1`] = `
               </a>
             </li>
             <li
-              className="next hidden"
+              className="next disabled"
             >
               <a
                 href=""
@@ -1605,7 +1605,7 @@ exports[`UserEntityChart Page renders correctly for recording 1`] = `
             className="pager"
           >
             <li
-              className="previous hidden"
+              className="previous disabled"
             >
               <a
                 href=""
@@ -1616,7 +1616,7 @@ exports[`UserEntityChart Page renders correctly for recording 1`] = `
               </a>
             </li>
             <li
-              className="next hidden"
+              className="next disabled"
             >
               <a
                 href=""
@@ -2447,7 +2447,7 @@ exports[`UserEntityChart Page renders correctly for releases 1`] = `
             className="pager"
           >
             <li
-              className="previous hidden"
+              className="previous disabled"
             >
               <a
                 href=""
@@ -2458,7 +2458,7 @@ exports[`UserEntityChart Page renders correctly for releases 1`] = `
               </a>
             </li>
             <li
-              className="next hidden"
+              className="next disabled"
             >
               <a
                 href=""