diff --git a/bikeshop_project/core/templates/membership_form.html b/bikeshop_project/core/templates/membership_form.html
index 7998cf7..506206a 100644
--- a/bikeshop_project/core/templates/membership_form.html
+++ b/bikeshop_project/core/templates/membership_form.html
@@ -152,6 +152,7 @@
 {% block scripts %}
         <script src="{% static 'vendor/moment/min/moment.min.js' %}"></script>
         <script src="{% static 'vendor/draggabilly/dist/draggabilly.pkgd.min.js' %}"></script>
+        <script src="{% static 'vendor/md-date-time-picker/dist/js/scroll-into-view-if-needed.js' %}"></script>
         <script src="{% static 'vendor/md-date-time-picker/dist/js/mdDateTimePicker.min.js' %}"></script>
         <script>
         var renewedAt = new mdDateTimePicker.default({
diff --git a/bikeshop_project/registration/templates/member_form.html b/bikeshop_project/registration/templates/member_form.html
index 319bcfb..641a4ad 100644
--- a/bikeshop_project/registration/templates/member_form.html
+++ b/bikeshop_project/registration/templates/member_form.html
@@ -9,6 +9,7 @@
     <script src="{% static 'vendor/moment/min/moment.min.js' %}"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/object-observe/0.2.6/object-observe-lite.min.js"></script>
     <script src="{% static 'vendor/draggabilly/dist/draggabilly.pkgd.min.js' %}"></script>
+    <script src="{% static 'vendor/md-date-time-picker/dist/js/scroll-into-view-if-needed.js' %}"></script>
     <script src="{% static 'vendor/md-date-time-picker/dist/js/mdDateTimePicker.min.js' %}"></script>
     <script>
     var dateOfBirth = new mdDateTimePicker.default({