diff --git a/frontend/src/InteractiveImport/Author/SelectAuthorModalContent.js b/frontend/src/InteractiveImport/Author/SelectAuthorModalContent.js
index fd77dade5..76d66bcbd 100644
--- a/frontend/src/InteractiveImport/Author/SelectAuthorModalContent.js
+++ b/frontend/src/InteractiveImport/Author/SelectAuthorModalContent.js
@@ -29,7 +29,7 @@ class SelectAuthorModalContent extends Component {
   // Listeners
 
   onFilterChange = ({ value }) => {
-    this.setState({ filter: value.toLowerCase() });
+    this.setState({ filter: value });
   };
 
   //
@@ -43,6 +43,7 @@ class SelectAuthorModalContent extends Component {
     } = this.props;
 
     const filter = this.state.filter;
+    const filterLower = filter.toLowerCase();
 
     return (
       <ModalContent onModalClose={onModalClose}>
@@ -66,7 +67,7 @@ class SelectAuthorModalContent extends Component {
           <Scroller className={styles.scroller}>
             {
               items.map((item) => {
-                return item.authorName.toLowerCase().includes(filter) ?
+                return item.authorName.toLowerCase().includes(filterLower) ?
                   (
                     <SelectAuthorRow
                       key={item.id}
diff --git a/frontend/src/InteractiveImport/Book/SelectBookModalContent.js b/frontend/src/InteractiveImport/Book/SelectBookModalContent.js
index 8f91925da..909a77ee1 100644
--- a/frontend/src/InteractiveImport/Book/SelectBookModalContent.js
+++ b/frontend/src/InteractiveImport/Book/SelectBookModalContent.js
@@ -52,7 +52,7 @@ class SelectBookModalContent extends Component {
   // Listeners
 
   onFilterChange = ({ value }) => {
-    this.setState({ filter: value.toLowerCase() });
+    this.setState({ filter: value });
   };
 
   //
@@ -68,6 +68,7 @@ class SelectBookModalContent extends Component {
     } = this.props;
 
     const filter = this.state.filter;
+    const filterLower = filter.toLowerCase();
 
     return (
       <ModalContent onModalClose={onModalClose}>
@@ -101,7 +102,7 @@ class SelectBookModalContent extends Component {
                 <TableBody>
                   {
                     items.map((item) => {
-                      return item.title.toLowerCase().includes(filter) ?
+                      return item.title.toLowerCase().includes(filterLower) ?
                         (
                           <SelectBookRow
                             key={item.id}