diff --git a/app/assets/javascripts/collapsibleCheckboxes.js b/app/assets/javascripts/collapsibleCheckboxes.js
index f67cad80a..696d7e1c1 100644
--- a/app/assets/javascripts/collapsibleCheckboxes.js
+++ b/app/assets/javascripts/collapsibleCheckboxes.js
@@ -65,7 +65,7 @@
 
     return $(`<div class="selection-footer${stickyClass}">
               <button
-                class="govuk-button govuk-button--secondary selection-footer__button"
+                class="govuk-button govuk-button--secondary selection-footer__button usa-button usa-button--outline"
                 aria-expanded="${expanded ? 'true' : 'false'}"
                 aria-controls="${this.fieldsetId}">
               ${buttonContent}
diff --git a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
index b5f2147cd..dcb7bb1dd 100644
--- a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
+++ b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
@@ -140,15 +140,17 @@ td.table-empty-message {
 }
 
 .user-list {
-   display: inline-flex;
+   display: flex;
    flex-wrap: wrap;
-   gap: units(4);
+   justify-content: space-between;
+   padding: 1rem;
    .user-list-item {
       @include at-media(desktop) {
-         flex: 1 1 calc(50% - units(2));
-         flex-grow: 0;
+         width: calc(50% - units(1));
+         margin-bottom: 1rem;
+         box-sizing: border-box;
       }
-      flex: 1 1 calc(100% - units(2));
+      // flex: 1 1 calc(100% - units(2));
       border: 1px solid color('gray-cool-10');
       padding: units(2);
       .tick-cross-list-permissions {