diff --git a/client/pages/docs/integrations/Decentraland.tsx b/client/pages/docs/integrations/Decentraland.tsx
index 41e6ffd7..cb07c6c1 100644
--- a/client/pages/docs/integrations/Decentraland.tsx
+++ b/client/pages/docs/integrations/Decentraland.tsx
@@ -2,7 +2,7 @@ import { Badge } from "@/components/ui/badge";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Cuboid, Code2, Rocket, ExternalLink, CheckCircle2, AlertTriangle, Package } from "lucide-react";
-import CodeBlock from "@/components/dev-platform/CodeBlock";
+import { CodeBlock } from "@/components/dev-platform/ui/CodeBlock";
 
 export default function DecentralandIntegration() {
   return (
diff --git a/client/pages/docs/integrations/RecRoom.tsx b/client/pages/docs/integrations/RecRoom.tsx
index 3439d6c3..391785bb 100644
--- a/client/pages/docs/integrations/RecRoom.tsx
+++ b/client/pages/docs/integrations/RecRoom.tsx
@@ -2,7 +2,7 @@ import { Badge } from "@/components/ui/badge";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Gamepad2, Code2, Rocket, ExternalLink, CheckCircle2, AlertTriangle, Package } from "lucide-react";
-import CodeBlock from "@/components/dev-platform/CodeBlock";
+import { CodeBlock } from "@/components/dev-platform/ui/CodeBlock";
 
 export default function RecRoomIntegration() {
   return (
diff --git a/client/pages/docs/integrations/Spatial.tsx b/client/pages/docs/integrations/Spatial.tsx
index aff5b8f6..d77c1430 100644
--- a/client/pages/docs/integrations/Spatial.tsx
+++ b/client/pages/docs/integrations/Spatial.tsx
@@ -2,7 +2,7 @@ import { Badge } from "@/components/ui/badge";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Globe, Code2, Rocket, ExternalLink, CheckCircle2, AlertTriangle, Package } from "lucide-react";
-import CodeBlock from "@/components/dev-platform/CodeBlock";
+import { CodeBlock } from "@/components/dev-platform/ui/CodeBlock";
 
 export default function SpatialIntegration() {
   return (
diff --git a/client/pages/docs/integrations/TheSandbox.tsx b/client/pages/docs/integrations/TheSandbox.tsx
index 1e70947b..736a16bf 100644
--- a/client/pages/docs/integrations/TheSandbox.tsx
+++ b/client/pages/docs/integrations/TheSandbox.tsx
@@ -2,7 +2,7 @@ import { Badge } from "@/components/ui/badge";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Box, Code2, Rocket, ExternalLink, CheckCircle2, AlertTriangle, Package } from "lucide-react";
-import CodeBlock from "@/components/dev-platform/CodeBlock";
+import { CodeBlock } from "@/components/dev-platform/ui/CodeBlock";
 
 export default function TheSandboxIntegration() {
   return (
diff --git a/client/pages/docs/integrations/VRChat.tsx b/client/pages/docs/integrations/VRChat.tsx
index 73e60d30..b7a20334 100644
--- a/client/pages/docs/integrations/VRChat.tsx
+++ b/client/pages/docs/integrations/VRChat.tsx
@@ -2,7 +2,7 @@ import { Badge } from "@/components/ui/badge";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Headset, Code2, Rocket, ExternalLink, CheckCircle2, AlertTriangle, Package } from "lucide-react";
-import CodeBlock from "@/components/dev-platform/CodeBlock";
+import { CodeBlock } from "@/components/dev-platform/ui/CodeBlock";
 
 export default function VRChatIntegration() {
   return (