diff --git a/src/ahc/apps/animals/templates/animals/tabs/_vaccinations.html b/src/ahc/apps/animals/templates/animals/tabs/_vaccinations.html
index 6318c4d..cca96e6 100644
--- a/src/ahc/apps/animals/templates/animals/tabs/_vaccinations.html
+++ b/src/ahc/apps/animals/templates/animals/tabs/_vaccinations.html
@@ -5,7 +5,7 @@ <h3>Vaccinations</h3>
 
     {% if "vaccinations" in allowed_categories %}
 
-    <div style="overflow-x: auto;">
+    <div class="table-responsive" tabindex="0" role="region" aria-label="Vaccinations table">
         <table id="vaccination-table">
             <thead>
                 <tr>
diff --git a/src/ahc/apps/medical_notes/templates/medical_notes/biometric_batch.html b/src/ahc/apps/medical_notes/templates/medical_notes/biometric_batch.html
index eaaa799..cda731d 100644
--- a/src/ahc/apps/medical_notes/templates/medical_notes/biometric_batch.html
+++ b/src/ahc/apps/medical_notes/templates/medical_notes/biometric_batch.html
@@ -19,6 +19,7 @@ <h3>Batch measurement entry</h3>
         {{ formset.management_form }}
 
         {% if rows %}
+        <div class="table-responsive" tabindex="0" role="region" aria-label="Batch measurements table">
         <table role="grid">
             <thead>
                 <tr>
@@ -48,6 +49,7 @@ <h3>Batch measurement entry</h3>
                 {% endfor %}
             </tbody>
         </table>
+        </div>
         {% else %}
         <p>No animals available. <a href="{% url 'animal_create' %}">Add an animal</a> first, or ask an owner to share one with you.</p>
         {% endif %}
diff --git a/src/ahc/apps/medical_notes/templates/medical_notes/notification_list.html b/src/ahc/apps/medical_notes/templates/medical_notes/notification_list.html
index 139320d..fd6724c 100644
--- a/src/ahc/apps/medical_notes/templates/medical_notes/notification_list.html
+++ b/src/ahc/apps/medical_notes/templates/medical_notes/notification_list.html
@@ -29,6 +29,7 @@ <h4>Notification</h4>
     <p>Time of sending: {{ note.daily_timestamp }} for timezone: {{ note.timezone }}</p>
     <p>Period: {{ note.start_date }} – {% if note.end_date %}{{ note.end_date }}{% else %}ongoing{% endif %}</p>
 
+    <div class="table-responsive" tabindex="0" role="region" aria-label="Notification schedule for {{ note.receiver_name }}">
     <table>
         <thead>
             <tr>
@@ -49,6 +50,7 @@ <h4>Notification</h4>
             </tr>
         </tbody>
     </table>
+    </div>
 
     <article>
         <header>The message to send:</header>
diff --git a/static/css/custom_pico.css b/static/css/custom_pico.css
index ef03082..2c2e688 100644
--- a/static/css/custom_pico.css
+++ b/static/css/custom_pico.css
@@ -504,3 +504,15 @@ footer nav ul li > button {
   padding: 1.5rem 0;
   text-align: center;
 }
+
+/* Keeps horizontal overflow local to the table instead of stretching the page. */
+.table-responsive {
+  max-width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.table-responsive:focus-visible {
+  outline: 2px solid var(--pico-primary);
+  outline-offset: 2px;
+}