diff --git a/packages/ui-heading/src/Heading/styles.ts b/packages/ui-heading/src/Heading/styles.ts index 228794a437..169d34b548 100644 --- a/packages/ui-heading/src/Heading/styles.ts +++ b/packages/ui-heading/src/Heading/styles.ts @@ -153,7 +153,11 @@ const generateStyle = ( background: ` linear-gradient(to bottom, ${componentTheme.aiTextTopGradientColor} 0%, ${componentTheme.aiTextBottomGradientColor} 100%) text`, border: 'solid transparent', - WebkitTextFillColor: 'transparent' + WebkitTextFillColor: 'transparent', + '@media print': { + background: 'transparent', + WebkitTextFillColor: 'unset' + } } } @@ -208,6 +212,10 @@ const generateStyle = ( linear-gradient(to bottom, ${componentTheme.aiTextTopGradientColor} 0%, ${componentTheme.aiTextBottomGradientColor} 100%) text`, border: 'solid transparent', WebkitTextFillColor: 'transparent', + '@media print': { + background: 'transparent', + WebkitTextFillColor: 'unset' + }, paddingRight: '.25rem' }, igniteAIStacked: {