From bf0bf1aa05da203b78c38a1bce1dea56e89af58d Mon Sep 17 00:00:00 2001
From: Stefan Pejcic <stefan@pejcic.rs>
Date: Sat, 1 Jun 2024 15:19:19 +0200
Subject: [PATCH] Update index.tsx

---
 documentation/src/pages/install/index.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/documentation/src/pages/install/index.tsx b/documentation/src/pages/install/index.tsx
index c7dfe50c..71abeef2 100644
--- a/documentation/src/pages/install/index.tsx
+++ b/documentation/src/pages/install/index.tsx
@@ -79,14 +79,15 @@ const Install: React.FC = () => {
 
                 <div className="flex-1 flex flex-col pt-8 lg:pt-16 pb-32 max-w-[800px] w-full mx-auto px-2">
                     <h1>Installation</h1>
+                    <p>Connect to your server as root via SSH and run the following command:</p>
 
-                    <div className="mb-8">
-                        <h2>Install Command:</h2>
+                    <div className="mb-2">
                         <pre style={{ whiteSpace: "pre-wrap" }}>{generateInstallCommand()}</pre>
                     </div>
 
-                    <div className="mb-8">
+                    <div className="mb-2">
                         <h2>Advanced Install Settings:</h2>
+                        <p className="mt-0">Here you can set what shall be installed and configured when installing OpenPanel:</p>
                         <ul>
                             {/* Input fields for advanced install settings */}
                             {Object.entries(installOptions).map(([key, value]) => (