diff --git a/components/layout/AppPage.tsx b/components/layout/AppPage.tsx
index 5f1ef60..8ffd6ec 100644
--- a/components/layout/AppPage.tsx
+++ b/components/layout/AppPage.tsx
@@ -19,7 +19,7 @@ export function AppPage({ title, description, icon: Icon, children, className }:
             <h1 className="text-2xl font-bold">{title}</h1>
           </div>
           {description && (
-            <p className="text-sm text-muted-foreground">
+            <p className="text-sm text-muted-foreground max-w-2xl">
               {description}
             </p>
           )}
diff --git a/components/layout/AppSidebar.tsx b/components/layout/AppSidebar.tsx
index 6f6bbe2..987912d 100644
--- a/components/layout/AppSidebar.tsx
+++ b/components/layout/AppSidebar.tsx
@@ -97,6 +97,7 @@ export function AppSidebar() {
                       {!isCollapsed && (
                         <div className="min-w-0">
                           <span className="whitespace-nowrap block">{tool.navTitle}</span>
+                          <span className="text-[10px] text-muted-foreground leading-tight block line-clamp-2">{tool.description}</span>
                         </div>
                       )}
                     </div>