diff --git a/zephyr/static/js/settings.js b/zephyr/static/js/settings.js
index bc2c88fbd8..c612371d2d 100644
--- a/zephyr/static/js/settings.js
+++ b/zephyr/static/js/settings.js
@@ -178,6 +178,23 @@ $(function () {
             }
         });
     });
+
+    $("#bots_list").on("click", "button.update_bot_api_key", function (e) {
+        var email = $(e.target).data('email');
+        $.ajax({
+            url: '/json/bots/' + encodeURIComponent(email) + '/api_key/regenerate',
+            type: 'POST',
+            success: function (data) {
+                var row = $(e.target).closest("li");
+                row.find(".api_key").find(".value").text(data.api_key);
+                row.find("api_key_error").hide();
+            },
+            error: function (xhr) {
+                var row = $(e.target).closest("li");
+                row.find(".api_key_error").text(JSON.parse(xhr.responseText).msg).show();
+            }
+        });
+    });
 });
 
 }());
diff --git a/zephyr/static/templates/bot_avatar_row.handlebars b/zephyr/static/templates/bot_avatar_row.handlebars
index 0d8c5b1a92..00d973d883 100644
--- a/zephyr/static/templates/bot_avatar_row.handlebars
+++ b/zephyr/static/templates/bot_avatar_row.handlebars
@@ -10,7 +10,11 @@
 		</div>
 		<div class="api_key">
 			<span class="field">API Key</span>
-			<span class="value">{{api_key}}</e>
+			<span class="value">{{api_key}}</span>
+			<button type="submit" class="btn btn-secondary update_bot_api_key" data-email="{{email}}">
+				Update API Key
+			</button>
+			<div class="api_key_error text-error"></div>
 		</div>
 		<button type="submit" class="btn btn-primary delete_bot" data-email="{{email}}">
 			Delete Bot