diff --git a/apps/v4/content/docs/components/base/sidebar.mdx b/apps/v4/content/docs/components/base/sidebar.mdx
index 31545a50f6..5d513d3280 100644
--- a/apps/v4/content/docs/components/base/sidebar.mdx
+++ b/apps/v4/content/docs/components/base/sidebar.mdx
@@ -151,7 +151,7 @@ For multiple sidebars in your application, you can use the `--sidebar-width` and
   style={{
     "--sidebar-width": "20rem",
     "--sidebar-width-mobile": "20rem",
-  }}
+  } as React.CSSProperties}
 >
   <Sidebar />
 </SidebarProvider>
diff --git a/apps/v4/content/docs/components/radix/sidebar.mdx b/apps/v4/content/docs/components/radix/sidebar.mdx
index 14cd915945..fc708316d5 100644
--- a/apps/v4/content/docs/components/radix/sidebar.mdx
+++ b/apps/v4/content/docs/components/radix/sidebar.mdx
@@ -151,7 +151,7 @@ For multiple sidebars in your application, you can use the `--sidebar-width` and
   style={{
     "--sidebar-width": "20rem",
     "--sidebar-width-mobile": "20rem",
-  }}
+  } as React.CSSProperties}
 >
   <Sidebar />
 </SidebarProvider>