diff --git a/roster2/tool/src/handlebars/members_container_table.handlebars b/roster2/tool/src/handlebars/members_container_table.handlebars
index 8e43528387cf..03a6add7d20a 100644
--- a/roster2/tool/src/handlebars/members_container_table.handlebars
+++ b/roster2/tool/src/handlebars/members_container_table.handlebars
@@ -1,49 +1,51 @@
-<table id="roster-members-table" class="table table-striped table-bordered">
-    <tbody id="roster-table-head">
-        <tr>
-            <th class="roster-picture-cell">{{tr 'facet_picture'}}</th>
-            {{#unless hideNames}}
-            <th>{{tr 'facet_name'}}</th>
-            {{/unless}}
-            {{#if viewPronouns}}
-            <th>{{tr 'facet_pronouns'}}</th>
-            {{/if}}
-            {{#if viewUserNamePronunciation}}
-            <th>{{tr 'facet_user_name_pronunciation'}}</th>
-            {{/if}}
-            {{#if viewUserDisplayId}}
-            <th>{{tr 'facet_userId'}}</th>
-            {{/if}}
-            {{#if enrollmentsMode}}
-            <th>{{tr 'facet_status'}}</th>
-            <th>{{tr 'facet_credits'}}</th>
-            {{else}}
-            <th>{{tr 'facet_role'}}</th>
-            {{/if}}
-            {{#if showVisits}}
-                {{#if viewSiteVisits}}
-            <th>{{tr 'total_visits'}}</th>
-            <th>{{tr 'last_visit'}}</th>
-                {{/if}}
-            {{/if}} <!-- showVisits -->
-            {{#if viewGroup}}
-            <th>{{tr 'facet_groups'}}</th>
-            {{/if}}
-            {{#if viewEmail}}
-            <th>{{tr 'facet_email'}}</th>
-            {{/if}}
-            {{#if viewUserProperty}}
-            <th>{{tr 'facet_userProperties'}}</th>
-            {{/if}}
-            {{#if viewCandidateDetails}}
-                {{#if anyStudentNumberPresent}}
-                <th>{{tr 'facet_studentNumber'}}</th>
-                {{/if}}
-                {{#if anyAdditionalInfoPresent}}
-                <th>{{tr 'facet_additionalInfo'}}</th>
-                {{/if}}
-            {{/if}}
-        </tr>
-    </tbody>
-    <tbody id="roster-members"></tbody>
-</table>
+<div class="table-responsive">
+    <table id="roster-members-table" class="table table-striped table-bordered">
+        <tbody id="roster-table-head">
+            <tr>
+                <th class="roster-picture-cell">{{tr 'facet_picture'}}</th>
+                {{#unless hideNames}}
+                <th>{{tr 'facet_name'}}</th>
+                {{/unless}}
+                {{#if viewPronouns}}
+                <th>{{tr 'facet_pronouns'}}</th>
+                {{/if}}
+                {{#if viewUserNamePronunciation}}
+                <th>{{tr 'facet_user_name_pronunciation'}}</th>
+                {{/if}}
+                {{#if viewUserDisplayId}}
+                <th>{{tr 'facet_userId'}}</th>
+                {{/if}}
+                {{#if enrollmentsMode}}
+                <th>{{tr 'facet_status'}}</th>
+                <th>{{tr 'facet_credits'}}</th>
+                {{else}}
+                <th>{{tr 'facet_role'}}</th>
+                {{/if}}
+                {{#if showVisits}}
+                    {{#if viewSiteVisits}}
+                <th>{{tr 'total_visits'}}</th>
+                <th>{{tr 'last_visit'}}</th>
+                    {{/if}}
+                {{/if}} <!-- showVisits -->
+                {{#if viewGroup}}
+                <th>{{tr 'facet_groups'}}</th>
+                {{/if}}
+                {{#if viewEmail}}
+                <th>{{tr 'facet_email'}}</th>
+                {{/if}}
+                {{#if viewUserProperty}}
+                <th>{{tr 'facet_userProperties'}}</th>
+                {{/if}}
+                {{#if viewCandidateDetails}}
+                    {{#if anyStudentNumberPresent}}
+                    <th>{{tr 'facet_studentNumber'}}</th>
+                    {{/if}}
+                    {{#if anyAdditionalInfoPresent}}
+                    <th>{{tr 'facet_additionalInfo'}}</th>
+                    {{/if}}
+                {{/if}}
+            </tr>
+        </tbody>
+        <tbody id="roster-members"></tbody>
+    </table>
+</div>