From 1fc1f90c3334ab873d77ff900508db378afe5a14 Mon Sep 17 00:00:00 2001
From: Jakub Riedl <email@jakubriedl.cz>
Date: Fri, 28 Jul 2023 14:43:34 +1000
Subject: [PATCH] Fix: A rendering bug when labels for actions were the same
 (even for short period of time) (#3917)

Co-authored-by: Geoffrey Chong <gyfchong@users.noreply.github.com>
---
 .changeset/green-donkeys-change.md                           | 5 +++++
 .../modal/KaizenDraft/Modal/Primitives/ModalFooter.tsx       | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/green-donkeys-change.md

diff --git a/.changeset/green-donkeys-change.md b/.changeset/green-donkeys-change.md
new file mode 100644
index 00000000000..7cecb300455
--- /dev/null
+++ b/.changeset/green-donkeys-change.md
@@ -0,0 +1,5 @@
+---
+"@kaizen/draft-modal": patch
+---
+
+Fix: A rendering bug when labels for actions were the same (even for short period of time)
diff --git a/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalFooter.tsx b/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalFooter.tsx
index e5e88ca4995..bfc81df1fb6 100644
--- a/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalFooter.tsx
+++ b/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalFooter.tsx
@@ -44,7 +44,7 @@ export const ModalFooter = (props: ModalFooterProps): JSX.Element => {
         )}
       >
         {actions.map((action, index) => (
-          <div className={styles.actionButton} key={action.label}>
+          <div className={styles.actionButton} key={index}>
             <Button
               type="button"
               primary={index === 0 && appearance === "primary"}