diff --git a/app/views/change-or-cancel-an-appointment/cancel-appointment.html b/app/views/change-or-cancel-an-appointment/cancel-appointment.html
index d6932ab..fec2607 100644
--- a/app/views/change-or-cancel-an-appointment/cancel-appointment.html
+++ b/app/views/change-or-cancel-an-appointment/cancel-appointment.html
@@ -19,6 +19,7 @@ <h1 class="heading-xlarge">
     .appointment-old-backdrop {
       padding: 1rem 1rem 1px 1rem;
       outline: 0.25rem solid rgba(226,35,26,0.2);
+      overflow: auto;
     }
   </style>
 
diff --git a/app/views/change-or-cancel-an-appointment/change-appointment.html b/app/views/change-or-cancel-an-appointment/change-appointment.html
index 1063ede..297c8ca 100644
--- a/app/views/change-or-cancel-an-appointment/change-appointment.html
+++ b/app/views/change-or-cancel-an-appointment/change-appointment.html
@@ -19,10 +19,12 @@ <h1 class="heading-xlarge">
     .appointment-old-backdrop {
       padding: 1rem 1rem 1px 1rem;
       outline: 0.25rem solid rgba(226,35,26,0.2);
+      overflow: auto;
     }
     .appointment-new-backdrop {
       padding: 1rem 1rem 1px 1rem;
       outline: 0.25rem solid rgba(119,188,31,0.25);
+      overflow: auto;
     }
   </style>