From 5d4abe4b68bd454389224ac1001084a9929f568b Mon Sep 17 00:00:00 2001
From: Max F <44474134+m4x3d@users.noreply.github.com>
Date: Thu, 17 Feb 2022 11:16:11 +0100
Subject: [PATCH] fix: not overwritable aria label prop on TagCloseButton
 (#5599)

---
 .changeset/yellow-baboons-hang.md | 5 +++++
 packages/tag/src/tag.tsx          | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/yellow-baboons-hang.md

diff --git a/.changeset/yellow-baboons-hang.md b/.changeset/yellow-baboons-hang.md
new file mode 100644
index 00000000000..5dcd85ef406
--- /dev/null
+++ b/.changeset/yellow-baboons-hang.md
@@ -0,0 +1,5 @@
+---
+"@chakra-ui/tag": patch
+---
+
+Change order of aria-label prop on TagCloseButton to be overwritable
diff --git a/packages/tag/src/tag.tsx b/packages/tag/src/tag.tsx
index 6ddade91aa5..150536804fa 100644
--- a/packages/tag/src/tag.tsx
+++ b/packages/tag/src/tag.tsx
@@ -109,9 +109,9 @@ export const TagCloseButton: React.FC<TagCloseButtonProps> = (props) => {
 
   return (
     <chakra.button
+      aria-label="close"
       {...rest}
       type="button"
-      aria-label="close"
       disabled={isDisabled}
       __css={btnStyles}
     >