diff --git a/src/components/MDXRenderer/MDXRenderer.tsx b/src/components/MDXRenderer/MDXRenderer.tsx
index f478ad0e51f..d599fa90452 100644
--- a/src/components/MDXRenderer/MDXRenderer.tsx
+++ b/src/components/MDXRenderer/MDXRenderer.tsx
@@ -32,6 +32,7 @@ const componentsAvailableInMDX: MDXComponents = {
     ExampleBlock,
     UIKitExamples,
     DateComponentsExamples,
+    React: React as unknown as Record<string, MDXComponents>,
     UIKit: UIKit as unknown as Record<string, MDXComponents>,
     Components: Components as unknown as Record<string, MDXComponents>,
     DateComponents: DateComponents as unknown as Record<string, MDXComponents>,
diff --git a/src/components/SandboxComponent/SandboxComponent.tsx b/src/components/SandboxComponent/SandboxComponent.tsx
index cc139d51afd..7b4adbacba8 100644
--- a/src/components/SandboxComponent/SandboxComponent.tsx
+++ b/src/components/SandboxComponent/SandboxComponent.tsx
@@ -68,7 +68,7 @@ export const SandboxComponent: React.FC<ComponentProps> = ({componentId, libId})
     }
 
     return (
-        <ThemeProvider theme={theme} rootClassName={b('wrapper')}>
+        <ThemeProvider theme={theme} rootClassName={b('wrapper', null, 'sandbox')}>
             <div className={b()}>
                 <div className={b('component', {theme})}>
                     {DynamicComponent && <DynamicComponent {...componentProps} />}
diff --git a/src/content/components/uikit/Progress/ProgressComponent.tsx b/src/content/components/uikit/Progress/ProgressComponent.tsx
index cced020f213..fb52a82ea12 100644
--- a/src/content/components/uikit/Progress/ProgressComponent.tsx
+++ b/src/content/components/uikit/Progress/ProgressComponent.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 export const ProgressComponent = (props: ProgressProps) => {
     return (
         <div style={{width: '30%'}}>
-            <Progress {...props} />
+            <Progress {...props} value={Number(props.value)} />
         </div>
     );
 };