diff --git a/.changeset/quick-coats-raise.md b/.changeset/quick-coats-raise.md
new file mode 100644
index 0000000000..7ce76e7931
--- /dev/null
+++ b/.changeset/quick-coats-raise.md
@@ -0,0 +1,5 @@
+---
+"@heroui/theme": patch
+---
+
+Utilize `hover-opacity` in Link & Breadcrumb component (#5169)
diff --git a/packages/core/theme/src/components/breadcrumbs.ts b/packages/core/theme/src/components/breadcrumbs.ts
index d9b078b7be..06b66927ae 100644
--- a/packages/core/theme/src/components/breadcrumbs.ts
+++ b/packages/core/theme/src/components/breadcrumbs.ts
@@ -84,7 +84,7 @@ const breadcrumbItem = tv({
         item: "cursor-default",
       },
       false: {
-        item: ["hover:opacity-80", "active:opacity-disabled"],
+        item: ["hover:opacity-hover", "active:opacity-disabled"],
       },
     },
     isDisabled: {
diff --git a/packages/core/theme/src/components/link.ts b/packages/core/theme/src/components/link.ts
index 69f16a5f27..097c494990 100644
--- a/packages/core/theme/src/components/link.ts
+++ b/packages/core/theme/src/components/link.ts
@@ -50,7 +50,7 @@ const link = tv({
         "after:transition-background",
         "after:absolute",
       ],
-      false: "hover:opacity-80 active:opacity-disabled transition-opacity",
+      false: "hover:opacity-hover active:opacity-disabled transition-opacity",
     },
     isDisabled: {
       true: "opacity-disabled cursor-default pointer-events-none",