From 534b4ab4df9b4d31b5230195da5fe54887d4802b Mon Sep 17 00:00:00 2001
From: MacRimi <123239993+MacRimi@users.noreply.github.com>
Date: Mon, 17 Feb 2025 23:30:03 +0100
Subject: [PATCH] Update page.tsx

---
 web/app/docs/installation/page.tsx | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/web/app/docs/installation/page.tsx b/web/app/docs/installation/page.tsx
index 2b2e74c..daf8fe2 100644
--- a/web/app/docs/installation/page.tsx
+++ b/web/app/docs/installation/page.tsx
@@ -6,24 +6,18 @@ export default function InstallationPage() {
   const installationCode = `bash -c "$(wget -qLO - https://raw.githubusercontent.com/MacRimi/ProxMenux/main/install_proxmenux.sh)"`
 
   return (
-    <div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8 text-gray-900">
+    <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8 text-gray-900">
       <h1 className="text-3xl sm:text-4xl font-bold mb-6">Installing ProxMenux</h1>
 
       <h2 className="text-2xl font-semibold mt-8 mb-4">Installation</h2>
       <p className="mb-4">To install ProxMenux, simply run the following command in your Proxmox server terminal:</p>
-      
-      <div className="overflow-x-auto max-w-full">
-        <CopyableCode code={installationCode} />
-      </div>
+      <CopyableCode code={installationCode} className="w-full overflow-x-auto" />
 
       <h2 className="text-2xl font-semibold mt-8 mb-4">How to Use</h2>
       <p className="mb-4">
         Once installed, launch <strong>ProxMenux</strong> by running:
       </p>
-      
-      <div className="overflow-x-auto max-w-full">
-        <CopyableCode code="menu" />
-      </div>
+      <CopyableCode code="menu" className="w-full overflow-x-auto" />
 
       <h2 className="text-2xl font-semibold mt-8 mb-4">Troubleshooting</h2>
       <p className="mb-4">