diff --git a/app/institutions/dashboard/-components/institutional-users-list/component.ts b/app/institutions/dashboard/-components/institutional-users-list/component.ts
index 1ee14b7a97..26b02326b8 100644
--- a/app/institutions/dashboard/-components/institutional-users-list/component.ts
+++ b/app/institutions/dashboard/-components/institutional-users-list/component.ts
@@ -20,6 +20,7 @@ interface Column {
 interface InstitutionalUsersListArgs {
     institution: InstitutionModel;
     departmentMetrics: InstitutionDepartmentsModel[];
+    totalUsers: number;
 }
 
 export default class InstitutionalUsersList extends Component<InstitutionalUsersListArgs> {
@@ -29,6 +30,7 @@ export default class InstitutionalUsersList extends Component<InstitutionalUsers
     institution?: InstitutionModel;
 
     departmentMetrics?: InstitutionDepartmentsModel[];
+    totalUsers?: number;
 
     // Properties
     @tracked department = this.defaultDepartment;
diff --git a/app/institutions/dashboard/-components/institutional-users-list/styles.scss b/app/institutions/dashboard/-components/institutional-users-list/styles.scss
index 12f32a725f..22fe74ea30 100644
--- a/app/institutions/dashboard/-components/institutional-users-list/styles.scss
+++ b/app/institutions/dashboard/-components/institutional-users-list/styles.scss
@@ -6,13 +6,18 @@
     color: $color-select;
 }
 
+.table-wrapper {
+    overflow-x: auto;
+    display: block;
+}
+
 .table {
     margin-bottom: 45px;
 
     table {
         width: 100%;
         margin-bottom: 15px;
-        table-layout: fixed;
+        table-layout: auto;
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
         border-collapse: collapse;
     }
@@ -21,6 +26,7 @@
     td {
         padding: 10px;
         text-overflow: ellipsis;
+        white-space: nowrap;
     }
 
     :global(.text-center) {
@@ -33,7 +39,6 @@
 }
 
 .header {
-    width: 100%;
     background: #365063;
     color: #fff;
 }
@@ -119,7 +124,7 @@
 
 .filter-container {
     display: flex;
-    justify-content: flex-end;
+    justify-content: flex-start;
     align-items: center;
     width: 100%;
 }
@@ -142,6 +147,11 @@
     margin-bottom: 10px;
 }
 
+.dropdown-trigger {
+    padding: 9px;
+    color: $color-select;
+}
+
 .dropdown-content label {
     display: flex;
     align-items: center;
@@ -237,7 +247,7 @@ input:checked + .slider:hover::before {
 }
 
 input:checked + .slider::before {
-    transform: translateX(26px);
+    transform: translateX(30px);
 }
 
 .slider.round {
@@ -247,3 +257,21 @@ input:checked + .slider::before {
 .slider.round::before {
     border-radius: 50%;
 }
+
+.total-users {
+    margin-right: auto; /* Aligns text to the left */
+    display: flex; /* Allows for consistent alignment with other elements */
+    align-items: center;
+}
+
+.total-users label {
+    font-size: 18px;
+    margin-bottom: 0;
+    font-weight: normal;
+}
+
+.total-users-count {
+    font-size: 24px;
+    margin-right: 5px;
+    font-weight: bold;
+}
diff --git a/app/institutions/dashboard/-components/institutional-users-list/template.hbs b/app/institutions/dashboard/-components/institutional-users-list/template.hbs
index 0326e90f74..a5d8c87ab0 100644
--- a/app/institutions/dashboard/-components/institutional-users-list/template.hbs
+++ b/app/institutions/dashboard/-components/institutional-users-list/template.hbs
@@ -2,6 +2,12 @@
     <LoadingIndicator data-test-loading-indicator @dark={{true}} />
 {{else}}
     <div local-class='filter-container'>
+        <div local-class='total-users'>
+            <span local-class='total-users-count'>
+                {{@totalUsers}}
+            </span>
+            {{t 'institutions.dashboard.users_list.total_users'}}
+        </div>
         <div local-class='orcid-switch'>
             <label for='switches-container' local-class='orcid-toggle-label'>{{t 'institutions.dashboard.users_list.has_orcid'}}</label>
             <label local-class='switch'>
@@ -51,7 +57,7 @@
                         <Button @type='secondary' {{on 'click' dd.actions.close}}>
                             {{t 'general.cancel'}}
                         </Button>
-                        <Button @type='primary' {{on 'click' this.applyColumnSelection}}>
+                        <Button @type='primary' {{on 'click' this.applyColumnSelection}} {{on 'click' dd.actions.close}}>
                             {{t 'general.apply'}}
                         </Button>
                     </div>
@@ -59,63 +65,65 @@
             {{/if}}
         </BasicDropdown>
     </div>
-    <PaginatedList::HasMany
-        local-class='table'
-        @isTable={{true}}
-        @model={{@institution}}
-        @usePlaceholders={{false}}
-        @relationshipName='userMetrics'
-        @bindReload={{this.reloadUserList}}
-        @query={{this.queryUsers}}
-        as |list|
-    >
-        <list.header local-class='header'>
-            {{#let (component 'sort-arrow'
-                class=(local-class 'sort-arrow')
-                sortAction=this.sortInstitutionalUsers
-                sort=this.sort
-                ) as |SortArrow|}}
-                <tr>
-                    {{#each this.columns as |column|}}
-                        {{#if (includes column.key this.selectedColumns)}}
-                            <th data-test-header='{{column.key}}'>
-                                <div local-class='header-content'>
-                                    <span local-class='header-text'>{{column.label}}</span>
-                                    {{#if column.sort_key}}
-                                        <span local-class='sort-arrow-container'>
-                                            <SortArrow @sortBy='{{column.sort_key}}' />
-                                        </span>
-                                    {{/if}}
-                                </div>
-                            </th>
-                        {{/if}}
-                    {{/each}}
-                </tr>
-            {{/let}}
-        </list.header>
-        <list.item local-class='item' as |institutionalUser|>
-            {{#each this.columns as |column|}}
-                {{#if (includes column.key this.selectedColumns)}}
-                    <td data-test-item={{column.key}}>
-                        {{#if (eq column.type 'user_name')}}
-                            <OsfLink @href={{concat '/' institutionalUser.userGuid '/'}}>
-                                {{institutionalUser.userName}}
-                            </OsfLink>
-                        {{else if (eq column.type 'osf_link')}}
-                            <OsfLink @href={{concat '/' institutionalUser.userGuid '/'}}>
-                                {{institutionalUser.userGuid}}
-                            </OsfLink>
-                        {{else if (eq column.type 'date_by_month')}}
-                            {{moment-format (get institutionalUser column.key) 'MM/YYYY'}}
-                        {{else}}
-                            {{get institutionalUser column.key}}
-                        {{/if}}
-                    </td>
-                {{/if}}
-            {{/each}}
-        </list.item>
-        <list.empty local-class='empty'>
-            {{t 'institutions.dashboard.users_list.empty'}}
-        </list.empty>
-    </PaginatedList::HasMany>
+    <div local-class='table-wrapper'>
+        <PaginatedList::HasMany
+            local-class='table'
+            @isTable={{true}}
+            @model={{@institution}}
+            @usePlaceholders={{false}}
+            @relationshipName='userMetrics'
+            @bindReload={{this.reloadUserList}}
+            @query={{this.queryUsers}}
+            as |list|
+        >
+            <list.header local-class='header'>
+                {{#let (component 'sort-arrow'
+                    class=(local-class 'sort-arrow')
+                    sortAction=this.sortInstitutionalUsers
+                    sort=this.sort
+                    ) as |SortArrow|}}
+                    <tr>
+                        {{#each this.columns as |column|}}
+                            {{#if (includes column.key this.selectedColumns)}}
+                                <th data-test-header='{{column.key}}'>
+                                    <div local-class='header-content'>
+                                        <span local-class='header-text'>{{column.label}}</span>
+                                        {{#if column.sort_key}}
+                                            <span local-class='sort-arrow-container'>
+                                                <SortArrow @sortBy='{{column.sort_key}}' />
+                                            </span>
+                                        {{/if}}
+                                    </div>
+                                </th>
+                            {{/if}}
+                        {{/each}}
+                    </tr>
+                {{/let}}
+            </list.header>
+            <list.item local-class='item' as |institutionalUser|>
+                {{#each this.columns as |column|}}
+                    {{#if (includes column.key this.selectedColumns)}}
+                        <td data-test-item={{column.key}}>
+                            {{#if (eq column.type 'user_name')}}
+                                <OsfLink @href={{concat '/' institutionalUser.userGuid '/'}}>
+                                    {{institutionalUser.userName}}
+                                </OsfLink>
+                            {{else if (eq column.type 'osf_link')}}
+                                <OsfLink @href={{concat '/' institutionalUser.userGuid '/'}}>
+                                    {{institutionalUser.userGuid}}
+                                </OsfLink>
+                            {{else if (eq column.type 'date_by_month')}}
+                                {{moment-format (get institutionalUser column.key) 'MM/YYYY'}}
+                            {{else}}
+                                {{get institutionalUser column.key}}
+                            {{/if}}
+                        </td>
+                    {{/if}}
+                {{/each}}
+            </list.item>
+            <list.empty local-class='empty'>
+                {{t 'institutions.dashboard.users_list.empty'}}
+            </list.empty>
+        </PaginatedList::HasMany>
+    </div>
 {{/if}}
diff --git a/app/institutions/dashboard/users/template.hbs b/app/institutions/dashboard/users/template.hbs
index 810b5ba3b9..9bcdf36be8 100644
--- a/app/institutions/dashboard/users/template.hbs
+++ b/app/institutions/dashboard/users/template.hbs
@@ -4,6 +4,7 @@
             <Institutions::Dashboard::-Components::InstitutionalUsersList
                 @institution={{this.model.institution}}
                 @departmentMetrics={{this.model.departmentMetrics}}
+                @totalUsers={{this.model.totalUsers}}
             />
         </div>
     </wrapper.main>
diff --git a/translations/en-us.yml b/translations/en-us.yml
index 497975f016..bb0247359f 100644
--- a/translations/en-us.yml
+++ b/translations/en-us.yml
@@ -821,6 +821,7 @@ institutions:
             month_last_active: 'Last Action'
             has_orcid: 'Has ORCID'
             select_columns: 'Customize'
+            total_users: 'total users'
         panel:
             users: 'Total Users'
             projects: 'OSF Public and Private Projects'