Adjusted responsive styles

app/assets/sass/uswds/_uswds-theme-custom-styles.scss

@@ -114,6 +114,17 @@ td.table-empty-message {
    text-decoration: none !important;
 }
 
+.button-flex-header {
+   flex-direction: column;
+   align-items: flex-start;
+   @include at-media(desktop) {
+      flex-direction: row;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+   }
+}
+
 .user-list-edit-link:active:before,
 .user-list-edit-link:focus:before {
    box-shadow: none;
@@ -125,7 +136,10 @@ td.table-empty-message {
    flex-wrap: wrap;
    gap: units(2);
    .user-list-item {
-      flex: 1 1 calc(50% - units(2));
+      @include at-media(desktop) {
+         flex: 1 1 calc(50% - units(2));
+      }
+      flex: 1 1 calc(100% - units(2));
       border: 1px solid color('gray-cool-10');
       padding: units(2);
       .tick-cross-list-permissions {

app/templates/views/manage-users.html

@@ -9,10 +9,10 @@
 
 {% block maincolumn_content %}
 
-  <div class="display-flex flex-justify flex-align-center">
+  <div class="button-flex-header">
-    <h1 class="font-body-xl margin-0">
+      <h1 class="font-body-xl margin-0">
-      Team members
+        Team members
-    </h1>
+      </h1>
     {% if current_user.has_permissions('manage_service') %}
       {{ usaButton({
       "element": "a",
@@ -41,7 +41,7 @@
           {%- elif user.status == 'cancelled' -%}
             <span class="live-search-relevant">{{ user.email_address }}</span><span class="hint">(cancelled invite)</span>
           {%- elif user.id == current_user.id -%}
-            <span class="live-search-relevant">(you)</span>
+            <span class="live-search-relevant"></span><span class="hint">(you)</span>
           {% else %}
             <span class="live-search-relevant">{{ user.email_address }}</span>
           {% endif %}