diff --git a/sdk/typescript/docs/components/npm.tsx b/sdk/typescript/docs/components/npm.tsx
index 1836e18b38..90a4a78955 100644
--- a/sdk/typescript/docs/components/npm.tsx
+++ b/sdk/typescript/docs/components/npm.tsx
@@ -12,6 +12,6 @@ export const NPMLink: FC<{ packageName: string; kind: 'esm' | 'cjs'; preBundled?
     sx={{ whiteSpace: 'nowrap', textDecoration: 'none' }}
   >
     {packageName} <Chip label={kind === 'cjs' ? 'CommonJS' : 'ESM'} size="small" />{' '}
-    {preBundled && <Chip label="pre-bundled" size="small" color="info" />}
+    {preBundled && <Chip label="pre-bundled" size="small" color="info" className="chipContained" />}
   </Link>
 );
diff --git a/sdk/typescript/docs/pages/styles.css b/sdk/typescript/docs/pages/styles.css
index 81d8b042f7..32c5779ca7 100644
--- a/sdk/typescript/docs/pages/styles.css
+++ b/sdk/typescript/docs/pages/styles.css
@@ -68,7 +68,7 @@ div.nextra-code-block > div  {
 }
 
 /* Chips*/
-.css-sv2u65-MuiChip-root {
+.chipContained{
     background-color: var(--colorPrimary) !important;
 }