diff --git a/.parcelrc b/.parcelrc
index f1cb3d9..c99fe65 100644
--- a/.parcelrc
+++ b/.parcelrc
@@ -3,7 +3,4 @@
   "transformers": {
     "*.{ts,tsx}": ["@parcel/transformer-typescript-tsc"]
   },
-  "validators": {
-    "*.{ts,tsx}": ["@parcel/validator-typescript"]
-  }
 }
diff --git a/package.json b/package.json
index 1e30271..af2a33a 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "@types/bootstrap": "^5.2.3",
     "bootstrap": "^5.2",
     "bootstrap-icons": "^1.10.3",
-    "dexie": "^3.2.2"
+    "dexie": "^3.2.2",
+    "jsx-dom": "^8.0.3"
   }
 }
diff --git a/src/index.html b/src/index.html
index 601dccd..1988671 100644
--- a/src/index.html
+++ b/src/index.html
@@ -64,7 +64,7 @@
                             </button>
                             <ul class="dropdown-menu">
                                 <li>
-                                    <a id="loaded-load-previous-button" class="dropdown-item" href="#">
+                                    <a id="loaded-load-previous-button" class="dropdown-item disabled" href="#">
                                         <i class="text-start bi bi-files"></i> Load Previous
                                     </a>
                                 </li>
@@ -85,7 +85,7 @@
                         <span class="d-none d-lg-inline fs-4">or...</span>
 
                         <button id="unloaded-load-previous-button" type="button"
-                                class="btn btn-primary btn-lg">
+                                class="btn btn-primary btn-lg disabled">
                             <span class="float-start">
                                 <i class="text-start bi bi-files"></i>
                             </span>
@@ -211,6 +211,6 @@
                 </div>
             </div>
         </div>
-        <script type="module" src="ts/index.ts"></script>
+        <script type="module" src="ts/index.tsx"></script>
     </body>
 </html>
diff --git a/src/scss/index.scss b/src/scss/index.scss
index 0a3664a..c4b1ee3 100644
--- a/src/scss/index.scss
+++ b/src/scss/index.scss
@@ -39,6 +39,18 @@ th, td {
     font-weight: inherit;
 }
 
+#previous-backups-list .backup-name {
+    float: left;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 90%;
+}
+
+#previous-backups-list .backup-delete {
+    float: right;
+}
+
 @include media-breakpoint-up(lg) {
     #no-file-loaded-controls button {
 	min-width: 200px;
diff --git a/src/ts/index.ts b/src/ts/index.tsx
similarity index 72%
rename from src/ts/index.ts
rename to src/ts/index.tsx
index f500f18..ad00c1d 100644
--- a/src/ts/index.ts
+++ b/src/ts/index.tsx
@@ -1,4 +1,5 @@
 import * as bootstrap from 'bootstrap';
+
 import xslContent from 'bundle-text:../xsl/MessageLog.xsl';
 import * as ui from './ui';
 import { db } from './db';
@@ -23,7 +24,7 @@ function showLoadingIndicator(toggle: boolean) {
 
 function showLoadedControls() {
     ui.noFileLoadedControls.classList.add('d-none');
-    ui.noFileLoadedControls.classList.remove('d-md-block');
+    ui.noFileLoadedControls.classList.remove('d-lg-block');
     ui.fileLoadedControls.classList.remove('d-none');
 }
 
@@ -36,9 +37,7 @@ function displayError(errorDiv: HTMLElement, category: string, ex: Error) {
     errorMessages.forEach(message => errorDiv.removeChild(message));
 
     //add new message and show the error alert
-    const errorSpan = document.createElement('span');
-    errorSpan.innerText = ex.message;
-    errorDiv.appendChild(errorSpan);
+    errorDiv.appendChild(<span>ex.message</span>);
 
     if (errorHeading) {
         errorHeading.innerText = category;
@@ -143,6 +142,7 @@ function toggleLoadPrevious(toggle: boolean) {
             btn.classList.remove('disabled');
         } else {
             btn.classList.add('disabled');
+            bootstrap.Modal.getOrCreateInstance(ui.previousBackupsModal)?.hide();
         }
     });
 }
@@ -150,8 +150,8 @@ function toggleLoadPrevious(toggle: boolean) {
 async function initEvents() {
     db.entries.count()
         .then(count => {
-            if (count < 1) {
-                toggleLoadPrevious(false);
+            if (count > 0) {
+                toggleLoadPrevious(true);
             }
         })
         .catch(err => {
@@ -182,31 +182,69 @@ async function initEvents() {
             displayNonFatalError('Could not load file', new Error('No file found.'));
         }
     });
+
+    // ui.previousBackupsList.addEventListener('click', , true);
+}
+
+async function deleteBackup(e: MouseEvent) {
+    const el = e.currentTarget as HTMLElement;
+    const anchor = el.closest('a.backup-entry') as HTMLAnchorElement | null;
+    const filename = anchor?.dataset['filename'];
+    if (filename) {
+        if (window.confirm('Do you want to remove ' + filename + ' from the backup list?')) {
+            try {
+                await db.entries.delete(filename);
+                const count = await db.entries.count();
+
+                if (count > 0) {
+                    populateSavedBackups();
+                } else {
+                    toggleLoadPrevious(false);
+                }
+            } catch (e) {
+                displayNonFatalError('Could not remove backup', e as Error);
+            }
+        }
+    }
+}
+
+async function loadBackup(e: MouseEvent) {
+    const listItem = e.target as HTMLElement | null;
+    const filename = listItem?.dataset['filename'];
+
+    if (filename) {
+        const entry = await db.entries.get(filename);
+        if (entry) {
+            displayBackup(xsltProcessor, entry.filename, entry.backupData);
+        } else {
+            displayNonFatalError('Internal Error', new Error('Backup data disappeared?!'));
+        }
+
+        bootstrap.Modal.getInstance(ui.previousBackupsModal)?.hide();
+    }
+}
+
+function BackupListItem(props: { filename: string }) {
+    return (
+        <a href="#" class="backup-entry list-group-item list-group-item-action"
+            onClick={loadBackup} dataset={{ filename: props.filename }}>
+            <div class="backup-name pe-none">
+                {props.filename}
+            </div>
+            <div class="backup-delete" onClick={deleteBackup}>
+                <i class="bi bi-x-circle pe-none"></i>
+            </div>
+        </a>
+    );
 }
 
 async function populateSavedBackups() {
     removeChildren(ui.previousBackupsList);
-    const modal = new bootstrap.Modal('#previous-backups-modal');
+    const modal = bootstrap.Modal.getOrCreateInstance(ui.previousBackupsModal);
     const entries = await db.entries.orderBy('filename').toArray();
 
     entries.forEach(entry => {
-        const listItem = document.createElement('a');
-        listItem.href = '#';
-        listItem.dataset['filename'] = entry.filename;
-        listItem.innerText = entry.filename;
-        listItem.classList.add('list-group-item', 'list-group-item-action');
-
-        listItem.addEventListener('click', async () => {
-            const reloaded = await db.entries.get(entry.filename);
-            if (reloaded) {
-                displayBackup(xsltProcessor, reloaded.filename, reloaded.backupData);
-            } else {
-                displayNonFatalError('Internal Error', new Error('Backup data disappeared?!'));
-            }
-            modal.hide();
-        });
-
-        ui.previousBackupsList.appendChild(listItem);
+        ui.previousBackupsList.appendChild(<BackupListItem filename={entry.filename} />);
     });
 
     modal.show();
diff --git a/src/ts/ui.ts b/src/ts/ui.ts
index 49c8674..0e98416 100644
--- a/src/ts/ui.ts
+++ b/src/ts/ui.ts
@@ -12,6 +12,7 @@ export const viewNewButtons =
 export const loadPreviousButtons =
     <NodeListOf<HTMLElement>>document.querySelectorAll('#unloaded-load-previous-button, #loaded-load-previous-button');
 export const previousBackupsList: HTMLDivElement = document.getElementById('previous-backups-list')! as HTMLDivElement;
+export const previousBackupsModal: HTMLElement = document.getElementById('previous-backups-modal')! as HTMLElement;
 export const noFileLoadedControls: HTMLDivElement = document.getElementById('no-file-loaded-controls')! as HTMLDivElement;
 export const fileLoadedControls: HTMLDivElement = document.getElementById('file-loaded-controls')! as HTMLDivElement;
 export const currentlyViewing: HTMLInputElement = document.getElementById('currently-viewing')! as HTMLInputElement;
diff --git a/src/tsconfig.json b/src/tsconfig.json
index 1ea3597..999122c 100644
--- a/src/tsconfig.json
+++ b/src/tsconfig.json
@@ -1,16 +1,18 @@
 {
-    "compilerOptions": {
-        "strict": true,
-        "experimentalDecorators": true,
-        "target": "es6",
-        "module": "es6",
-        "lib": [ "dom", "es6" ],
-        "jsxImportSource": "preact",
-        "isolatedModules": true,
-        "moduleResolution": "node",
-        "baseUrl": ".",
-        "paths": {
-            "~*": ["./*"]
-        }
+  "compilerOptions": {
+    "strict": true,
+    "experimentalDecorators": true,
+    "target": "es6",
+    "module": "es6",
+    "lib": [ "dom", "es6" ],
+    "jsx": "react-jsx",
+    "esModuleInterop": true,
+    "jsxImportSource": "jsx-dom",
+    "isolatedModules": true,
+    "moduleResolution": "node",
+    "baseUrl": ".",
+    "paths": {
+      "~*": ["./*"]
     }
+  }
 }
diff --git a/yarn.lock b/yarn.lock
index fe871a4..62ee429 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -984,6 +984,11 @@ csso@^4.2.0:
   dependencies:
     css-tree "^1.1.2"
 
+csstype@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.1.tgz#841b532c45c758ee546a11d5bd7b7b473c8c30b9"
+  integrity sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==
+
 detect-libc@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
@@ -1188,61 +1193,68 @@ json5@^2.2.0, json5@^2.2.1:
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
-lightningcss-darwin-arm64@1.17.1:
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.17.1.tgz#d0384a47f19f1a02c29074930a23e5888e76b11a"
-  integrity sha512-YTAHEy4XlzI3sMbUVjbPi9P7+N7lGcgl2JhCZhiQdRAEKnZLQch8kb5601sgESxdGXjgei7JZFqi/vVEk81wYg==
+jsx-dom@^8.0.3:
+  version "8.0.3"
+  resolved "https://registry.yarnpkg.com/jsx-dom/-/jsx-dom-8.0.3.tgz#7e87698b89b578afb7ff9f84ba960d721b4dfccf"
+  integrity sha512-S0YuwdklVMmBYU483cjUG+FmAVGsZb3dCa0SwoZkAX3ax/9VEPuCCx97G/0KAQIzerw/kB19g6rh+5GjYsOZfQ==
+  dependencies:
+    csstype "^3.1.0"
 
-lightningcss-darwin-x64@1.17.1:
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.17.1.tgz#7fa5853f71eb8698b511dbad43305666e0e0d871"
-  integrity sha512-UhXPUS2+yTTf5sXwUV0+8QY2x0bPGLgC/uhcknWSQMqWn1zGty4fFvH04D7f7ij0ujwSuN+Q0HtU7lgmMrPz0A==
+lightningcss-darwin-arm64@1.18.0:
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.18.0.tgz#bcd7d494d99c69947abd71136a42e80dfa80c682"
+  integrity sha512-OqjydwtiNPgdH1ByIjA1YzqvDG/OMR6L3LPN6wRl1729LB0y4Mik7L06kmZaTb+pvUHr+NmDd2KCwnlrQ4zO3w==
 
-lightningcss-linux-arm-gnueabihf@1.17.1:
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.17.1.tgz#9ba7ffd5be686210b88ec28bb495bf9593698678"
-  integrity sha512-alUZumuznB6K/9yZ0zuZkODXUm8uRnvs9t0CL46CXN16Y2h4gOx5ahUCMlelUb7inZEsgJIoepgLsJzBUrSsBw==
+lightningcss-darwin-x64@1.18.0:
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.18.0.tgz#952abea2405fe2bb8dd0bb57a9d5590f8d1d6414"
+  integrity sha512-mNiuPHj89/JHZmJMp+5H8EZSt6EL5DZRWJ31O6k3DrLLnRIQjXuXdDdN8kP7LoIkeWI5xvyD60CsReJm+YWYAw==
 
-lightningcss-linux-arm64-gnu@1.17.1:
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.17.1.tgz#aeee6b5ed613198aab978c878f26110d6e8e70d2"
-  integrity sha512-/1XaH2cOjDt+ivmgfmVFUYCA0MtfNWwtC4P8qVi53zEQ7P8euyyZ1ynykZOyKXW9Q0DzrwcLTh6+hxVLcbtGBg==
+lightningcss-linux-arm-gnueabihf@1.18.0:
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.18.0.tgz#23ca85e05dc4def9b4975aef307554ef292b56cd"
+  integrity sha512-S+25JjI6601HiAVoTDXW6SqH+E94a+FHA7WQqseyNHunOgVWKcAkNEc2LJvVxgwTq6z41sDIb9/M3Z9wa9lk4A==
 
-lightningcss-linux-arm64-musl@1.17.1:
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.17.1.tgz#14e46b8d2f50e83a710c62432e447bd9f0c328a5"
-  integrity sha512-/IgE7lYWFHCCQFTMIwtt+fXLcVOha8rcrNze1JYGPWNorO6NBc6MJo5u5cwn5qMMSz9fZCCDIlBBU4mGwjQszQ==
+lightningcss-linux-arm64-gnu@1.18.0:
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.18.0.tgz#6c8e0a6e2c8b44cf180f3a0f0740402e8f656155"
+  integrity sha512-JSqh4+21dCgBecIQUet35dtE4PhhSEMyqe3y0ZNQrAJQ5kyUPSQHiw81WXnPJcOSTTpG0TyMLiC8K//+BsFGQA==
 
-lightningcss-linux-x64-gnu@1.17.1:
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.17.1.tgz#17b8abb73d7b32338d5b248ac12325f506964e69"
-  integrity sha512-OyE802IAp4DB9vZrHlOyWunbHLM9dN08tJIKN/HhzzLKIHizubOWX6NMzUXMZLsaUrYwVAHHdyEA+712p8mMzA==
+lightningcss-linux-arm64-musl@1.18.0:
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.18.0.tgz#88393c101cf236ea0cdc97fddd66b82db964d835"
+  integrity sha512-2FWHa8iUhShnZnqhn2wfIcK5adJat9hAAaX7etNsoXJymlliDIOFuBQEsba2KBAZSM4QqfQtvRdR7m8i0I7ybQ==
 
-lightningcss-linux-x64-musl@1.17.1:
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.17.1.tgz#78765c58c111af43e7d311afa4713348ce9b2766"
-  integrity sha512-ydwGgV3Usba5P53RAOqCA9MsRsbb8jFIEVhf7/BXFjpKNoIQyijVTXhwIgQr/oGwUNOHfgQ3F8ruiUjX/p2YKw==
+lightningcss-linux-x64-gnu@1.18.0:
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.18.0.tgz#ad068d24836568337bfe545650565e13f813c8ee"
+  integrity sha512-plCPGQJtDZHcLVKVRLnQVF2XRsIC32WvuJhQ7fJ7F6BV98b/VZX0OlX05qUaOESD9dCDHjYSfxsgcvOKgCWh7A==
 
-lightningcss-win32-x64-msvc@1.17.1:
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.17.1.tgz#be3c5e1f026c4fc6b58f969917970450634285a1"
-  integrity sha512-Ngqtx9NazaiAOk71XWwSsqgAuwYF+8PO6UYsoU7hAukdrSS98kwaBMEDw1igeIiZy1XD/4kh5KVnkjNf7ZOxVQ==
+lightningcss-linux-x64-musl@1.18.0:
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.18.0.tgz#4d84de26b8185aa42450e0f4c83bbfb5a36ae750"
+  integrity sha512-na+BGtVU6fpZvOHKhnlA0XHeibkT3/46nj6vLluG3kzdJYoBKU6dIl7DSOk++8jv4ybZyFJ0aOFMMSc8g2h58A==
+
+lightningcss-win32-x64-msvc@1.18.0:
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.18.0.tgz#f83952d16b83dfce65f4615f87c867769220d117"
+  integrity sha512-5qeAH4RMNy2yMNEl7e5TI6upt/7xD2ZpHWH4RkT8iJ7/6POS5mjHbXWUO9Q1hhDhqkdzGa76uAdMzEouIeCyNw==
 
 lightningcss@^1.16.1:
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/lightningcss/-/lightningcss-1.17.1.tgz#cce53acf117a6f9494bc77e8ac6550286d621243"
-  integrity sha512-DwwM/YYqGwLLP3he41wzDXT/m+8jdEZ80i9ViQNLRgyhey3Vm6N7XHn+4o3PY6wSnVT23WLuaROIpbpIVTNOjg==
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/lightningcss/-/lightningcss-1.18.0.tgz#ca3327a1a7571a83bbb9733ed4e4cded775bdadf"
+  integrity sha512-uk10tNxi5fhZqU93vtYiQgx/8a9f0Kvtj5AXIm+VlOXY+t/DWDmCZWJEkZJmmALgvbS6aAW8or+Kq85eJ6TDTw==
   dependencies:
     detect-libc "^1.0.3"
   optionalDependencies:
-    lightningcss-darwin-arm64 "1.17.1"
-    lightningcss-darwin-x64 "1.17.1"
-    lightningcss-linux-arm-gnueabihf "1.17.1"
-    lightningcss-linux-arm64-gnu "1.17.1"
-    lightningcss-linux-arm64-musl "1.17.1"
-    lightningcss-linux-x64-gnu "1.17.1"
-    lightningcss-linux-x64-musl "1.17.1"
-    lightningcss-win32-x64-msvc "1.17.1"
+    lightningcss-darwin-arm64 "1.18.0"
+    lightningcss-darwin-x64 "1.18.0"
+    lightningcss-linux-arm-gnueabihf "1.18.0"
+    lightningcss-linux-arm64-gnu "1.18.0"
+    lightningcss-linux-arm64-musl "1.18.0"
+    lightningcss-linux-x64-gnu "1.18.0"
+    lightningcss-linux-x64-musl "1.18.0"
+    lightningcss-win32-x64-msvc "1.18.0"
 
 lines-and-columns@^1.1.6:
   version "1.2.4"