From e4a990d41ec4e48a3d92840e0d74cbbf4b17670c Mon Sep 17 00:00:00 2001
From: Max F <44474134+m4x3d@users.noreply.github.com>
Date: Thu, 24 Feb 2022 22:31:59 +0100
Subject: [PATCH] fix: conflicting zindex of linkoverlay with opacity (#5632)

* fix: conflicting zindex of linkbox with opacity

* chore: add changeset
---
 .changeset/nine-cars-sneeze.md   | 6 ++++++
 packages/layout/src/link-box.tsx | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/nine-cars-sneeze.md

diff --git a/.changeset/nine-cars-sneeze.md b/.changeset/nine-cars-sneeze.md
new file mode 100644
index 00000000000..9fe612e48f4
--- /dev/null
+++ b/.changeset/nine-cars-sneeze.md
@@ -0,0 +1,6 @@
+---
+"@chakra-ui/layout": patch
+---
+
+Fixed zIndex in LinkOverlay so that content in LinkBox can have an opacity below
+1
diff --git a/packages/layout/src/link-box.tsx b/packages/layout/src/link-box.tsx
index 091ddbf51c5..3ffd78d6389 100644
--- a/packages/layout/src/link-box.tsx
+++ b/packages/layout/src/link-box.tsx
@@ -27,7 +27,7 @@ export const LinkOverlay = forwardRef<LinkOverlayProps, "a">((props, ref) => {
           position: "absolute",
           top: 0,
           left: 0,
-          zIndex: 0,
+          zIndex: 1,
           width: "100%",
           height: "100%",
         },