diff --git a/apps/ligo-virgo/src/pages/workspace/docs/components/logo/Logo.tsx b/apps/ligo-virgo/src/pages/workspace/docs/components/logo/Logo.tsx
index 8b33a276c4..d4926a57e5 100644
--- a/apps/ligo-virgo/src/pages/workspace/docs/components/logo/Logo.tsx
+++ b/apps/ligo-virgo/src/pages/workspace/docs/components/logo/Logo.tsx
@@ -9,8 +9,8 @@ export const Logo = ({ color, style, ...props }) => {
>
diff --git a/apps/ligo-virgo/src/pages/workspace/docs/components/tabs/Tabs.tsx b/apps/ligo-virgo/src/pages/workspace/docs/components/tabs/Tabs.tsx
index 3722c5e162..fc06d826bc 100644
--- a/apps/ligo-virgo/src/pages/workspace/docs/components/tabs/Tabs.tsx
+++ b/apps/ligo-virgo/src/pages/workspace/docs/components/tabs/Tabs.tsx
@@ -11,15 +11,15 @@ const StyledTabs = styled('div')({
cursor: 'pointer',
});
-const StyledDivider = styled(Divider)<{ isActive?: boolean }>(
- ({ isActive }) => {
- return {
- flex: 1,
- backgroundColor: isActive ? '#3E6FDB' : '#ECF1FB',
- borderWidth: '2px',
- };
- }
-);
+const StyledDivider = styled(Divider, {
+ shouldForwardProp: (prop: string) => !['isActive'].includes(prop),
+})<{ isActive?: boolean }>(({ isActive }) => {
+ return {
+ flex: 1,
+ backgroundColor: isActive ? '#3E6FDB' : '#ECF1FB',
+ borderWidth: '2px',
+ };
+});
const TAB_TITLE = {
PAGES: 'pages',