diff --git a/ui_framework/doc_site/src/views/table/listing_table.js b/ui_framework/doc_site/src/views/table/listing_table.js
index 94828b7713167..553e4cc0894ff 100644
--- a/ui_framework/doc_site/src/views/table/listing_table.js
+++ b/ui_framework/doc_site/src/views/table/listing_table.js
@@ -86,17 +86,20 @@ export class ListingTable extends React.Component {
   renderToolBarActions() {
     return [
       <KuiButton
+        key="add"
         buttonType="primary"
         aria-label="Add"
       >
         Add
       </KuiButton>,
       <KuiButton
+        key="settings"
         aria-label="Settings"
         buttonType="basic"
         icon={<KuiButtonIcon type="settings" />}
       />,
       <KuiButton
+        key="menu"
         aria-label="Menu"
         buttonType="basic"
         icon={<KuiButtonIcon type="menu" />}
diff --git a/ui_framework/doc_site/src/views/table/listing_table_loading_items.js b/ui_framework/doc_site/src/views/table/listing_table_loading_items.js
index 44b3c55aea234..52d5cc8cb4183 100644
--- a/ui_framework/doc_site/src/views/table/listing_table_loading_items.js
+++ b/ui_framework/doc_site/src/views/table/listing_table_loading_items.js
@@ -46,17 +46,20 @@ function renderPager() {
 function renderToolBarActions() {
   return [
     <KuiButton
+      key="add"
       buttonType="primary"
       aria-label="Add"
     >
       Add
     </KuiButton>,
     <KuiButton
+      key="settings"
       aria-label="Settings"
       buttonType="basic"
       icon={<KuiButtonIcon type="settings" />}
     />,
     <KuiButton
+      key="menu"
       aria-label="Menu"
       buttonType="basic"
       icon={<KuiButtonIcon type="menu" />}
diff --git a/ui_framework/doc_site/src/views/table/listing_table_with_empty_prompt.js b/ui_framework/doc_site/src/views/table/listing_table_with_empty_prompt.js
index 874a5fd9be0a4..c3585a8500975 100644
--- a/ui_framework/doc_site/src/views/table/listing_table_with_empty_prompt.js
+++ b/ui_framework/doc_site/src/views/table/listing_table_with_empty_prompt.js
@@ -24,17 +24,20 @@ function renderEmptyTablePrompt() {
 function renderToolBarActions() {
   return [
     <KuiButton
+      key="add"
       buttonType="primary"
       aria-label="Add"
     >
       Add
     </KuiButton>,
     <KuiButton
+      key="settings"
       aria-label="Settings"
       buttonType="basic"
       icon={<KuiButtonIcon type="settings"/>}
     />,
     <KuiButton
+      key="menu"
       aria-label="Menu"
       buttonType="basic"
       icon={<KuiButtonIcon type="menu"/>}
diff --git a/ui_framework/doc_site/src/views/table/listing_table_with_no_items.js b/ui_framework/doc_site/src/views/table/listing_table_with_no_items.js
index 2b2636ad051a5..897cfe62221bd 100644
--- a/ui_framework/doc_site/src/views/table/listing_table_with_no_items.js
+++ b/ui_framework/doc_site/src/views/table/listing_table_with_no_items.js
@@ -14,17 +14,20 @@ import {
 function renderToolBarActions() {
   return [
     <KuiButton
+      key="add"
       buttonType="primary"
       aria-label="Add"
     >
       Add
     </KuiButton>,
     <KuiButton
+      key="settings"
       aria-label="Settings"
       buttonType="basic"
       icon={<KuiButtonIcon type="settings"/>}
     />,
     <KuiButton
+      key="menu"
       aria-label="Menu"
       buttonType="basic"
       icon={<KuiButtonIcon type="menu"/>}