diff --git a/web/app/docs/installation/page.tsx b/web/app/docs/installation/page.tsx
index 099d763..7ccc645 100644
--- a/web/app/docs/installation/page.tsx
+++ b/web/app/docs/installation/page.tsx
@@ -9,19 +9,19 @@ export default function InstallationPage() {
     <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8 text-gray-900">
       <h1 className="text-2xl sm:text-3xl md:text-4xl font-bold mb-6">Installing ProxMenux</h1>
 
-      <h2 className="text-xl sm:text-2xl font-semibold mt-8 mb-4">Installation</h2>
-      <p className="mb-4 text-sm sm:text-base">
+      <h2 className="text-lg sm:text-xl font-semibold mt-6 mb-2">Installation</h2>
+      <p className="mb-2 text-sm">
         To install ProxMenux, simply run the following command in your Proxmox server terminal:
       </p>
-      <div className="w-full overflow-hidden mb-8">
+      <div className="w-full overflow-hidden mb-4">
         <CopyableCode code={installationCode} className="w-full" />
       </div>
 
-      <h2 className="text-xl sm:text-2xl font-semibold mt-8 mb-4">How to Use</h2>
-      <p className="mb-4 text-sm sm:text-base">
+      <h2 className="text-lg sm:text-xl font-semibold mt-6 mb-2">How to Use</h2>
+      <p className="mb-2 text-sm">
         Once installed, launch <strong>ProxMenux</strong> by running:
       </p>
-      <div className="w-full overflow-hidden mb-8">
+      <div className="w-full overflow-hidden mb-4">
         <CopyableCode code="menu" className="w-full" />
       </div>