diff --git a/dist/react-you-ui5.js b/dist/react-you-ui5.js
index 1320986..102611e 100644
--- a/dist/react-you-ui5.js
+++ b/dist/react-you-ui5.js
@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("./react-you-ui6.js"),g=require("./string_utils-Bad7L8P5.js"),h=e=>{const t=m.usePalette(),{href:r,target:s,rel:o,children:n,className:i,id:c,style:l,...u}=e;return a.jsx("a",{href:r,target:s,rel:o,className:i,id:c,style:{color:g.hexFromArgb(t.primary),textDecoration:"none",...l},...u,children:n})};exports.Link=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),g=require("./react-you-ui6.js"),r=require("./string_utils-Bad7L8P5.js"),h=t=>{const e=g.usePalette(),{href:o,target:s,rel:i,children:n,className:l,id:c,style:a,...u}=t;return m.jsx("a",{href:o,target:s,rel:i,className:l,id:c,style:{color:r.hexFromArgb(e.primary),textDecorationColor:r.hexFromArgb(e.primary),textDecoration:"underline",...a},...u,children:n})};exports.Link=h;
diff --git a/dist/react-you-ui5.mjs b/dist/react-you-ui5.mjs
index 2e8c830..c2effa6 100644
--- a/dist/react-you-ui5.mjs
+++ b/dist/react-you-ui5.mjs
@@ -1,23 +1,24 @@
-import { jsx as c } from "react/jsx-runtime";
-import { usePalette as p } from "./react-you-ui6.mjs";
-import { h as f } from "./string_utils-B4bsIQ5w.mjs";
-const d = (r) => {
-  const t = p(), { href: e, target: o, rel: s, children: a, className: m, id: n, style: i, ...l } = r;
-  return /* @__PURE__ */ c(
+import { jsx as p } from "react/jsx-runtime";
+import { usePalette as x } from "./react-you-ui6.mjs";
+import { h as t } from "./string_utils-B4bsIQ5w.mjs";
+const d = (e) => {
+  const r = x(), { href: o, target: a, rel: i, children: s, className: l, id: m, style: n, ...c } = e;
+  return /* @__PURE__ */ p(
     "a",
     {
-      href: e,
-      target: o,
-      rel: s,
-      className: m,
-      id: n,
+      href: o,
+      target: a,
+      rel: i,
+      className: l,
+      id: m,
       style: {
-        color: f(t.primary),
-        textDecoration: "none",
-        ...i
+        color: t(r.primary),
+        textDecorationColor: t(r.primary),
+        textDecoration: "underline",
+        ...n
       },
-      ...l,
-      children: a
+      ...c,
+      children: s
     }
   );
 };
diff --git a/src/components/Link.tsx b/src/components/Link.tsx
index 6a2dfc7..be2b33a 100644
--- a/src/components/Link.tsx
+++ b/src/components/Link.tsx
@@ -26,7 +26,8 @@ export const Link = (props: LinkProps) => {
 			id={id}
 			style={{
 				color: hexFromArgb(palette.primary),
-				textDecoration: 'none',
+				textDecorationColor: hexFromArgb(palette.primary),
+				textDecoration: 'underline',
 				...style,
 			}}
 			{...rest}