diff --git a/web/app/docs/post-install/basic-settings/page.tsx b/web/app/docs/post-install/basic-settings/page.tsx
index e22fd4e..c626d39 100644
--- a/web/app/docs/post-install/basic-settings/page.tsx
+++ b/web/app/docs/post-install/basic-settings/page.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from "next"
+import { Settings } from "lucide-react"
 
 export const metadata: Metadata = {
   title: "ProxMenux Post-Install: Basic Settings",
@@ -31,7 +32,10 @@ export const metadata: Metadata = {
 export default function BasicSettingsPage() {
   return (
     <div className="container mx-auto px-4 py-8">
-      <h1 className="text-3xl font-bold mb-6">Basic Settings</h1>
+      <div className="flex items-center mb-6">
+        <Settings className="h-8 w-8 mr-2 text-blue-500" />
+        <h1 className="text-3xl font-bold">Basic Settings</h1>
+      </div>
       <p className="mb-4">
         The Basic Settings category in the customizable_post_install.sh script covers fundamental configurations for
         your Proxmox VE installation. These settings lay the groundwork for a well-optimized system.
diff --git a/web/app/docs/post-install/hardware/page.tsx b/web/app/docs/post-install/hardware/page.tsx
index 05ad5cf..43fd5ee 100644
--- a/web/app/docs/post-install/hardware/page.tsx
+++ b/web/app/docs/post-install/hardware/page.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from "next"
+import { Cpu } from "lucide-react"
 
 export const metadata: Metadata = {
   title: "ProxMenux Post-Install: Hardware Settings",
@@ -31,7 +32,10 @@ export const metadata: Metadata = {
 export default function HardwareSettingsPage() {
   return (
     <div className="container mx-auto px-4 py-8">
-      <h1 className="text-3xl font-bold mb-6">Hardware Settings</h1>
+      <div className="flex items-center mb-6">
+        <Cpu className="h-8 w-8 mr-2 text-blue-500" />
+        <h1 className="text-3xl font-bold">Hardware Settings</h1>
+      </div>
       <p className="mb-4">
         The Hardware Settings category in the customizable_post_install.sh script focuses on optimizing Proxmox VE for
         your specific hardware configuration.
@@ -57,4 +61,3 @@ export default function HardwareSettingsPage() {
     </div>
   )
 }
-
diff --git a/web/app/docs/post-install/system/page.tsx b/web/app/docs/post-install/system/page.tsx
index fe0085a..0b9b058 100644
--- a/web/app/docs/post-install/system/page.tsx
+++ b/web/app/docs/post-install/system/page.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from "next"
+import { Server } from "lucide-react"
 
 export const metadata: Metadata = {
   title: "ProxMenux Post-Install: System Settings",
@@ -31,7 +32,10 @@ export const metadata: Metadata = {
 export default function SystemSettingsPage() {
   return (
     <div className="container mx-auto px-4 py-8">
-      <h1 className="text-3xl font-bold mb-6">System Settings</h1>
+      <div className="flex items-center mb-6">
+        <Server className="h-8 w-8 mr-2 text-blue-500" />
+        <h1 className="text-3xl font-bold">System Settings</h1>
+      </div>
       <p className="mb-4">
         The System Settings category in the customizable_post_install.sh script focuses on core system configurations
         and optimizations for your Proxmox VE installation.
@@ -58,3 +62,4 @@ export default function SystemSettingsPage() {
   )
 }
 
+