diff --git a/app/assets/images/chevron-left.svg b/app/assets/images/chevron-left.svg
new file mode 100644
index 000000000000..11c1cf3cdfc0
--- /dev/null
+++ b/app/assets/images/chevron-left.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" transform="scale(-1 1)">
+    <path d="m13.172 12-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414 4.95-4.95Z"/>
+</svg>
diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss
index 4615d885234b..5a01524355e9 100644
--- a/app/assets/stylesheets/admin.scss
+++ b/app/assets/stylesheets/admin.scss
@@ -22,6 +22,18 @@ label {
     padding: 8px;
   }
 }
+// New pagination styles as added in Admin Member Index view. As we roll out these styles to other admin views, the above CSS will eventually be removed.
+.admin-pagination {
+  color: var(--link-color-secondary);
+
+  &--link {
+    padding: var(--su-1);
+  }
+
+  &--inactive {
+    color: var(--base-30);
+  }
+}
 
 .bg-featured {
   background: #bbffd2;
diff --git a/app/views/admin/users/_member_index.html.erb b/app/views/admin/users/_member_index.html.erb
index 95122f495a26..f62361fec050 100644
--- a/app/views/admin/users/_member_index.html.erb
+++ b/app/views/admin/users/_member_index.html.erb
@@ -4,9 +4,10 @@
     <%= render "admin/users/index/tabs" %>
   </header>
 
-  <%= render "admin/users/index/controls" %>
-
-  <%= paginate @users, theme: "internal" %>
+  <div class="flex justify-between">
+    <%= render "admin/users/index/controls" %>
+    <%= paginate @users, theme: "admin", scope: @users, label: "Paginate users" %>
+  </div>
 
     <table class="crayons-table" width="100%">
       <thead>
@@ -26,5 +27,7 @@
       </tbody>
     </table>
 
-    <%= paginate @users, theme: "internal" %>
+    <div class="flex justify-end">
+      <%= paginate @users, theme: "admin", scope: @users, label: "Paginate users" %>
+    </div>
 </div>
diff --git a/app/views/kaminari/admin/_next_page.html.erb b/app/views/kaminari/admin/_next_page.html.erb
new file mode 100644
index 000000000000..6b70d7b5ba15
--- /dev/null
+++ b/app/views/kaminari/admin/_next_page.html.erb
@@ -0,0 +1,4 @@
+<li class="flex items-center">
+  <%= link_to_unless current_page.last?, crayons_icon_tag("chevron-right", aria_hidden: true, class: ("admin-pagination--inactive mx-1" if current_page.last?).to_s), url, rel: "next", remote: remote, class: "admin-pagination--link  c-link c-link--icon-alone c-link--block",
+                                                                                                                                                                           aria: { label: t("views.pagination.aria_next"), describedby: "pagination-description" } %>
+</li>
diff --git a/app/views/kaminari/admin/_paginator.html.erb b/app/views/kaminari/admin/_paginator.html.erb
new file mode 100644
index 000000000000..5fabf19bb1be
--- /dev/null
+++ b/app/views/kaminari/admin/_paginator.html.erb
@@ -0,0 +1,12 @@
+<%= paginator.render do %>
+  <nav aria-label="<%= label %>" class="admin-pagination flex fs-s items-center">
+    <span id="pagination-description">
+      <span class="screen-reader-only">Currently showing: </span>
+      <%= page_entries_info scope %>
+    </span>
+    <ul class="flex">
+      <%= prev_page_tag %>
+      <%= next_page_tag %>
+    </ul>
+  </nav>
+<% end %>
diff --git a/app/views/kaminari/admin/_prev_page.html.erb b/app/views/kaminari/admin/_prev_page.html.erb
new file mode 100644
index 000000000000..edc5994b6841
--- /dev/null
+++ b/app/views/kaminari/admin/_prev_page.html.erb
@@ -0,0 +1,4 @@
+<li class="flex items-center">
+  <%= link_to_unless current_page.first?, crayons_icon_tag("chevron-left", aria_hidden: true, class: ("admin-pagination--inactive mx-1" if current_page.first?).to_s), url, rel: "prev", remote: remote, class: "admin-pagination--link c-link c-link--icon-alone c-link--block",
+                                                                                                                                                                            aria: { label: t("views.pagination.aria_previous"), describedby: "pagination-description" } %>
+</li>
diff --git a/config/locales/kaminari.en.yml b/config/locales/kaminari.en.yml
new file mode 100644
index 000000000000..1c619cf08b81
--- /dev/null
+++ b/config/locales/kaminari.en.yml
@@ -0,0 +1,10 @@
+---
+en:
+  views:
+    pagination:
+      aria_next: "Next page"
+      aria_previous: "Previous page"
+  helpers:
+    page_entries_info:
+      more_pages:
+        display_entries: "%{first}&nbsp;-&nbsp;%{last} of %{total}"
diff --git a/config/locales/kaminari.fr.yml b/config/locales/kaminari.fr.yml
index 04b182d71735..33f929d4f68e 100644
--- a/config/locales/kaminari.fr.yml
+++ b/config/locales/kaminari.fr.yml
@@ -2,8 +2,14 @@
 fr:
   views:
     pagination:
+      aria_next: "Next page"
+      aria_previous: "Previous page"
       first: "&laquo; Premier"
       last: Dernier &raquo;
       next: Suivant &rsaquo;
       previous: "&lsaquo; Précédent"
       truncate: "&hellip;"
+  helpers:
+    page_entries_info:
+      more_pages:
+        display_entries: "%{first}&nbsp;-&nbsp;%{last} of %{total}"