diff --git a/frontend/src/components/search/SearchPagination.tsx b/frontend/src/components/search/SearchPagination.tsx
index a23a30ea1..b69971863 100644
--- a/frontend/src/components/search/SearchPagination.tsx
+++ b/frontend/src/components/search/SearchPagination.tsx
@@ -41,12 +41,7 @@ export default function SearchPagination({
   };
 
   return (
-    <div
-      style={{
-        pointerEvents: loading ? "none" : "fill",
-        opacity: loading ? 0.5 : 1,
-      }}
-    >
+    <div className={`grants-pagination ${loading ? "disabled" : ""}`}>
       <Pagination
         pathname="/search"
         totalPages={pages}
diff --git a/frontend/src/styles/_loading.scss b/frontend/src/styles/_loading.scss
index b706ec049..9e5d4ddb6 100644
--- a/frontend/src/styles/_loading.scss
+++ b/frontend/src/styles/_loading.scss
@@ -49,3 +49,13 @@ $spinner-size: units(4);
     transform: rotate(360deg);
   }
 }
+
+.grants-pagination.disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  & > *,
+  & * {
+    user-select: none;
+    pointer-events: none;
+  }
+}