diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss
index cc7305528..d80af5237 100644
--- a/app/assets/stylesheets/admin.scss
+++ b/app/assets/stylesheets/admin.scss
@@ -22,6 +22,17 @@ label {
     padding: 8px;
   }
 }
+
+/****
+The admin area's shared <main> has padding of var(--su-2).
+In the new member index view we want inner content to be able to take up full screen width.
+Since we will want to be able to do the same in later admin area redesigns, we have created a helper class,
+which may be more easily removed once we no longer wish admin layouts to have a padded <main> by default. 
+****/
+.overflow-admin-main-layout-padding {
+  margin: calc(-1 * var(--su-2));
+}
+
 // 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);
diff --git a/app/views/admin/users/_member_index.html.erb b/app/views/admin/users/_member_index.html.erb
index b0fb1cb8d..2cb382495 100644
--- a/app/views/admin/users/_member_index.html.erb
+++ b/app/views/admin/users/_member_index.html.erb
@@ -1,14 +1,14 @@
-<div class="crayons-card p-3 s:p-4 m:p-7">
+<div class="crayons-card overflow-admin-main-layout-padding p-4 m:p-7">
   <header class="flex flex-col l:flex-row justify-content-between l:items-center ">
-    <h1 class="crayons-title">Members</h1>
+    <h1 class="crayons-title ml-2 m:ml-0">Members</h1>
     <%= render "admin/users/index/tabs" %>
   </header>
     <%= render "admin/users/index/controls" %>
 
     <!-- Small screen data view start -->
     <div class="block m:hidden fs-s">
-      <h2 class="member-data-heading fs-s py-2 -mx-3 px-3 color-base-60">Members</h2>
-      <ul class="list-none">
+      <h2 class="member-data-heading fs-s py-2 -mx-4 px-6 color-base-60">Members</h2>
+      <ul class="list-none mx-2">
         <% @users.each do |user| %>
           <li class="py-4">
             <article>