diff --git a/packages/core-components/src/components/MarkdownContent/MarkdownContent.test.tsx b/packages/core-components/src/components/MarkdownContent/MarkdownContent.test.tsx
index d39e92c75e..2e1550078f 100644
--- a/packages/core-components/src/components/MarkdownContent/MarkdownContent.test.tsx
+++ b/packages/core-components/src/components/MarkdownContent/MarkdownContent.test.tsx
@@ -52,14 +52,14 @@ describe('<MarkdownContent />', () => {
 
   it('render MarkdownContent component with CodeSnippet for code blocks', async () => {
     const rendered = await renderWithEffects(
-      wrapInTestApp(<MarkdownContent content="    jest(test: string);" />),
+      wrapInTestApp(
+        <MarkdownContent content={'```typescript\njest(test: string);\n```'} />,
+      ),
     );
-    const fp1 = rendered.getByText('jest', { selector: 'span' });
+    const fp1 = await rendered.findByText('jest(test:', { selector: 'span' });
     expect(fp1).toBeInTheDocument();
-    expect(fp1.className).toEqual('hljs-function');
-    const fp2 = rendered.getByText('(test: string)', { selector: 'span' });
+    const fp2 = rendered.getByText('string', { selector: 'span' });
     expect(fp2).toBeInTheDocument();
-    expect(fp2.className).toEqual('hljs-function');
-    expect(rendered.getByText(';', { selector: 'span' })).toBeInTheDocument();
+    expect(rendered.getByText(');', { selector: 'span' })).toBeInTheDocument();
   });
 });