diff --git a/bookwyrm/templates/book/file_link_modal.html b/bookwyrm/templates/book/file_link_modal.html
index 6896fba8..87bda1a1 100644
--- a/bookwyrm/templates/book/file_link_modal.html
+++ b/bookwyrm/templates/book/file_link_modal.html
@@ -1,5 +1,6 @@
 {% extends 'components/modal.html' %}
 {% load i18n %}
+{% load static %}
 
 {% block modal-title %}
 {% trans "Add file link" %}
@@ -26,7 +27,7 @@
     </div>
     <div class="column is-one-fifth">
         <label class="label" for="id_filetype">{% trans "File type:" %}</label>
-        <input type="text" name="filetype" maxlength="5" class="input" required="" id="id_filetype" value="{% firstof file_link_form.filetype.value "" %}" placeholder="PDF">
+        <input type="text" name="filetype" maxlength="5" class="input" required="" id="id_filetype" value="{% firstof file_link_form.filetype.value "" %}" placeholder="PDF" data-autocomplete="mimetype">
         {% include 'snippets/form_errors.html' with errors_list=file_link_form.filetype.errors id="desc_filetype" %}
     </div>
 </div>
diff --git a/bookwyrm/templates/layout.html b/bookwyrm/templates/layout.html
index 25aaf1b6..e41f661f 100644
--- a/bookwyrm/templates/layout.html
+++ b/bookwyrm/templates/layout.html
@@ -265,6 +265,7 @@
 <script src="{% static "js/bookwyrm.js" %}?v={{ js_cache }}"></script>
 <script src="{% static "js/localstorage.js" %}?v={{ js_cache }}"></script>
 <script src="{% static "js/status_cache.js" %}?v={{ js_cache }}"></script>
+<script src="{% static "js/autocomplete.js" %}?v={{ js_cache }}"></script>
 
 {% block scripts %}{% endblock %}