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('')})`
},