diff --git a/packages/react/src/InlineLink/InlineLink.module.css b/packages/react/src/InlineLink/InlineLink.module.css
index 036c54691..240226ca3 100644
--- a/packages/react/src/InlineLink/InlineLink.module.css
+++ b/packages/react/src/InlineLink/InlineLink.module.css
@@ -13,6 +13,8 @@
.InlineLink,
.InlineLink > span {
+ font-size: inherit;
+ line-height: inherit;
font-weight: inherit;
color: var(--brand-InlineLink-color-rest);
}
diff --git a/packages/react/src/InlineLink/InlineLink.stories.tsx b/packages/react/src/InlineLink/InlineLink.stories.tsx
index b6bf0f5e3..d8fa179c8 100644
--- a/packages/react/src/InlineLink/InlineLink.stories.tsx
+++ b/packages/react/src/InlineLink/InlineLink.stories.tsx
@@ -47,3 +47,25 @@ export const SizeInheritence = () => (
>
)
+
+export const SizeInheritenceWithCustomCSS = () => (
+ <>
+
+
+
+ The size of the following link will be inherited from the parent, without the need for specifying additional
+ `size` parameters. condimentum nulla donec blandit.
+
+
+ >
+)
diff --git a/packages/react/src/InlineLink/InlineLink.visual.spec.ts b/packages/react/src/InlineLink/InlineLink.visual.spec.ts
index 91a5cde42..09fbbc1f4 100644
--- a/packages/react/src/InlineLink/InlineLink.visual.spec.ts
+++ b/packages/react/src/InlineLink/InlineLink.visual.spec.ts
@@ -34,4 +34,13 @@ test.describe('Visual Comparison: InlineLink', () => {
await page.waitForTimeout(500)
expect(await page.screenshot()).toMatchSnapshot()
})
+
+ test('InlineLink / Size Inheritence With Custom CSS', async ({page}) => {
+ await page.goto(
+ 'http://localhost:6006/iframe.html?args=&id=components-inlinelink--size-inheritence-with-custom-css&viewMode=story',
+ )
+
+ await page.waitForTimeout(500)
+ expect(await page.screenshot()).toMatchSnapshot()
+ })
})
diff --git a/packages/react/src/InlineLink/InlineLink.visual.spec.ts-snapshots/Visual-Comparison-InlineLink-InlineLink-Scale-1-linux.png b/packages/react/src/InlineLink/InlineLink.visual.spec.ts-snapshots/Visual-Comparison-InlineLink-InlineLink-Scale-1-linux.png
index 7584104ca..67b1b0011 100644
Binary files a/packages/react/src/InlineLink/InlineLink.visual.spec.ts-snapshots/Visual-Comparison-InlineLink-InlineLink-Scale-1-linux.png and b/packages/react/src/InlineLink/InlineLink.visual.spec.ts-snapshots/Visual-Comparison-InlineLink-InlineLink-Scale-1-linux.png differ
diff --git a/packages/react/src/InlineLink/InlineLink.visual.spec.ts-snapshots/Visual-Comparison-InlineLink-InlineLink-Size-Inheritence-With-Custom-CSS-1-linux.png b/packages/react/src/InlineLink/InlineLink.visual.spec.ts-snapshots/Visual-Comparison-InlineLink-InlineLink-Size-Inheritence-With-Custom-CSS-1-linux.png
new file mode 100644
index 000000000..8f7e762b8
Binary files /dev/null and b/packages/react/src/InlineLink/InlineLink.visual.spec.ts-snapshots/Visual-Comparison-InlineLink-InlineLink-Size-Inheritence-With-Custom-CSS-1-linux.png differ