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%",
         },