diff --git a/web/app/docs/post-install/network/page.tsx b/web/app/docs/post-install/network/page.tsx
index 6b8ab7e..c9ba814 100644
--- a/web/app/docs/post-install/network/page.tsx
+++ b/web/app/docs/post-install/network/page.tsx
@@ -1,6 +1,6 @@
 import type { Metadata } from "next"
 import { Network } from "lucide-react"
-import { CopyableCode } from "@/components/CopyableCode"
+import CopyableCode from "@/components/CopyableCode"
 
 export const metadata: Metadata = {
   title: "ProxMenux Post-Install: Network Settings",
diff --git a/web/app/docs/post-install/system/page.tsx b/web/app/docs/post-install/system/page.tsx
index cc745ba..840f827 100644
--- a/web/app/docs/post-install/system/page.tsx
+++ b/web/app/docs/post-install/system/page.tsx
@@ -1,5 +1,6 @@
 import type { Metadata } from "next"
 import { Server } from "lucide-react"
+import CopyableCode from "@/components/CopyableCode"
 
 export const metadata: Metadata = {
   title: "ProxMenux Post-Install: System Settings",
diff --git a/web/app/docs/post-install/virtualization/page.tsx b/web/app/docs/post-install/virtualization/page.tsx
index 1f2a736..12a27df 100644
--- a/web/app/docs/post-install/virtualization/page.tsx
+++ b/web/app/docs/post-install/virtualization/page.tsx
@@ -1,6 +1,6 @@
 import type { Metadata } from "next"
 import { Box } from "lucide-react"
-import { CopyableCode } from "@/components/CopyableCode"
+import CopyableCode from "@/components/CopyableCode"
 
 export const metadata: Metadata = {
   title: "ProxMenux Post-Install: Virtualization Settings",