diff --git a/README.md b/README.md
index 3dda1cd..2513666 100644
--- a/README.md
+++ b/README.md
@@ -36,13 +36,12 @@ Download the `.dmg` file from the Releases section, and install like a normal ap
     3. Choose the starting time for what videos you'd like to receive email notifications. For example, if you choose 7 days ago, YTEM will notify you about all the videos uploaded since then (maximum the last 50 videos). You'll only be notified for videos uploaded only after the time you set
 6. That's all, hopefully it's worth it!
 
-### Limitations (readme)
+### Limitations
 
 YTEM is rough around the edges, and there are things that I could have fixed but didn't bother with:
 - Check that you entered valid values. It might not always be obvious what has gone wrong
 - It's not supported to add the same channel multiple times
-- Since this runs locally, it obviously won't send you email notifications when your computer is off
-- To delete an email, you'd have to go into the settings file, which can be found in `~/Library/Application Support/YouTube Email Notifier`.
+- Since this runs locally, it won't send you email notifications when your computer is off
 
 ### Menubar options
 
@@ -74,9 +73,11 @@ npm run build
 
 1. Update CHANGELOG.md and commit
 2. Bump the version number, commit and tag
-
     ```
     npm version <version>
     ```
-
-3. Create GitHub release with release notes
+3. Build the app
+    ```
+    npm run build
+    ```
+4. Create GitHub release with release notes
diff --git a/src/server.js b/src/server.js
index 2357352..a447104 100644
--- a/src/server.js
+++ b/src/server.js
@@ -329,6 +329,10 @@ wss.on('connection', async (ws) => {
         instance.minutesBetweenRefreshes = data.minutesBetweenRefreshes
         storeUpdate()
 
+      } else if (type === 'deleteEmail') {
+        store.instances.splice(data.instanceIndex, 1)
+        storeUpdate()
+
       } else if (type === 'addChannel') {
         const segments = data.channel.split('/')
         const channelIdSegment = segments.indexOf('channel') + 1
diff --git a/web/index.html b/web/index.html
index 222b2cb..7694e7a 100644
--- a/web/index.html
+++ b/web/index.html
@@ -100,6 +100,18 @@
       </div>
     </div>
 
+    <div id='delete-email-modal' class="modal">
+      <div class="modal-background" onclick="$('#delete-email-modal').removeClass('is-active')"></div>
+      <div class="modal-content box px-6 py-5">
+        <form id='delete-email-form'>
+          <h1 class='title is-size-4'><b>Delete email "<span id='delete-email-email'></span>"?</b></h1>
+          <p class='mb-5'>This will remove <span id="delete-email-channels-count">#</span> channel(s)</p>
+          <button type="submit" class="button is-danger">Delete</button>
+          <div class="button" onclick="$('#delete-email-modal').removeClass('is-active')">Cancel</div>
+        </form>
+      </div>
+    </div>
+
     <div id='setup-modal' class="modal">
       <div class="modal-background" onclick="$('#setup-modal').removeClass('is-active')"></div>
       <div class="modal-content box px-6 py-5">
@@ -145,7 +157,10 @@
         {{#each instances}}
           <h2 class="title is-3">{{this.email}}</h2>
           <p>Minutes between refreshes: {{this.minutesBetweenRefreshes}}</p>
-          <p><a class='edit-email-button' data-instance='{{@index}}'>Edit</a></p>
+          <p>
+            <a class='edit-email-button' data-instance='{{@index}}'>Edit</a>
+            <a class='delete-email-button' data-instance='{{@index}}'>Delete</a>
+          </p>
           <br>
           <h5 class='title is-5'>Channels:</h5>
           <table class="table is-fullwidth is-hoverable mb-3">
diff --git a/web/index.js b/web/index.js
index a03721e..04df910 100644
--- a/web/index.js
+++ b/web/index.js
@@ -28,9 +28,18 @@ $(document).ready(() => {
     }).catch(() => {
       console.log('err')
     })
-  // .then((response) => {
-  // })
-  // $('help-modal-content').load('/README.md')
+
+})
+
+document.addEventListener('keydown', (e) => {
+  if (e.key === 'Escape') {
+    const tag = e.target.nodeName
+    if (tag === 'INPUT' || tag === 'TEXTAREA') {
+      $(':focus').blur()
+    } else {
+      $('.modal.is-active').removeClass('is-active')
+    }
+  }
 })
 
 let doneFunc
@@ -85,6 +94,27 @@ function render(data) {
     return false
   })
 
+  let deleteInstanceIndex
+  $('.delete-email-button').click((e) => {
+    const instanceIndex = Number(e.target.dataset.instance)
+    deleteInstanceIndex = instanceIndex
+    const instance = data.instances[instanceIndex]
+    $('#delete-email-email').text(instance.email)
+    $('#delete-email-channels-count').text(instance.channels.length)
+    $('#delete-email-modal').addClass('is-active')
+  })
+  $('#delete-email-form').submit((e) => {
+    e.preventDefault()
+    if (typeof deleteInstanceIndex === 'number') {
+      window.a('deleteEmail', {
+        instanceIndex: deleteInstanceIndex,
+      })
+      console.log('AHYEP', deleteInstanceIndex)
+    }
+    $('#delete-email-modal').removeClass('is-active')
+    return false
+  })
+
   const datetime = $('#add-channel-datetime')
   datetime.val(new Date().toLocaleString())
   $('#add-channel-form').submit((e) => {