diff --git a/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx b/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx
index 2849d2457..8f9e47125 100644
--- a/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx
+++ b/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx
@@ -3,7 +3,7 @@ import "isomorphic-fetch";
 import * as ReactModal from "react-modal";
 
 export default class ListDetailsModal extends React.Component<any, any> {
-    private readonly listId: any;
+    private listId: any;
 
     constructor(props: any) {
         super(props);
@@ -13,6 +13,10 @@ export default class ListDetailsModal extends React.Component<any, any> {
         this.handleCloseModal = this.handleCloseModal.bind(this);
     }
 
+    componentWillReceiveProps(nextProps: any) {
+        this.listId = nextProps.listId;
+    }
+
     handleOpenModal() {
         this.setState({ showModal: true });
         fetch(`https://api.filterlists.com/v1/lists/${this.listId}`)