From 25b4e06b89d6c99ca49677e3c6b6a350a7a125bd Mon Sep 17 00:00:00 2001
From: k4rli <projects@supa.ee>
Date: Thu, 17 Jul 2025 10:19:36 +0300
Subject: [PATCH] feat(MED-100): improve styles

---
 packages/ui/src/makerkit/page.tsx | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/packages/ui/src/makerkit/page.tsx b/packages/ui/src/makerkit/page.tsx
index f134f57..4035d45 100644
--- a/packages/ui/src/makerkit/page.tsx
+++ b/packages/ui/src/makerkit/page.tsx
@@ -171,22 +171,24 @@ export function PageHeader({
           <PageTitle>{title}</PageTitle>
         </If>
 
-        <div className="flex items-center gap-x-2.5">
-          {displaySidebarTrigger ? (
-            <SidebarTrigger className="text-muted-foreground hover:text-secondary-foreground hidden h-4.5 w-4.5 cursor-pointer lg:inline-flex" />
-          ) : null}
+        <If condition={displaySidebarTrigger || description}>
+          <div className="flex items-center gap-x-2.5">
+            {displaySidebarTrigger ? (
+              <SidebarTrigger className="text-muted-foreground hover:text-secondary-foreground hidden h-4.5 w-4.5 cursor-pointer lg:inline-flex" />
+            ) : null}
 
-          <If condition={description}>
-            <If condition={displaySidebarTrigger}>
-              <Separator
-                orientation="vertical"
-                className="hidden h-4 w-px lg:group-data-[minimized]:block"
-              />
+            <If condition={description}>
+              <If condition={displaySidebarTrigger}>
+                <Separator
+                  orientation="vertical"
+                  className="hidden h-4 w-px lg:group-data-[minimized]:block"
+                />
+              </If>
+
+              <PageDescription>{description}</PageDescription>
             </If>
-
-            <PageDescription>{description}</PageDescription>
-          </If>
-        </div>
+          </div>
+        </If>
       </div>
 
       {children}