diff --git a/packages/component/src/Styles/StyleSet/CodeBlockCopyButton.ts b/packages/component/src/Styles/StyleSet/CodeBlockCopyButton.ts index d4c8a823d0..fd11fd9ec1 100644 --- a/packages/component/src/Styles/StyleSet/CodeBlockCopyButton.ts +++ b/packages/component/src/Styles/StyleSet/CodeBlockCopyButton.ts @@ -1,9 +1,9 @@ -// import CSSTokens from '../CSSTokens'; -// import { FORCED_COLORS_SELECTOR, NOT_FORCED_COLORS_SELECTOR } from './Constants'; +import CSSTokens from '../CSSTokens'; export default function createCodeBlockCopyButtonStyle() { return { '&.webchat__code-block-copy-button': { + '--webchat__code-block-copy-button--icon-url': `url(data:image/svg+xml;utf8,${encodeURIComponent('')})`, alignItems: 'center', appearance: 'none', background: '#fff', @@ -14,7 +14,8 @@ export default function createCodeBlockCopyButtonStyle() { float: 'right', gap: '4px', justifyContent: 'center', - padding: '5px 5px', + marginInlineStart: CSSTokens.PaddingRegular, + padding: '5px', '&:hover': { background: '#f5f5f5', @@ -41,8 +42,6 @@ export default function createCodeBlockCopyButtonStyle() { cursor: 'not-allowed' }, - '--webchat__code-block-copy-button--icon-url': `url(data:image/svg+xml;utf8,${encodeURIComponent('')})`, - '&.webchat__code-block-copy-button--copied': { '--webchat__code-block-copy-button--icon-url': `url(data:image/svg+xml;utf8,${encodeURIComponent('')})` },