feat(MED-100): improve styles

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">
+        <If condition={displaySidebarTrigger || description}>
-          {displaySidebarTrigger ? (
+          <div className="flex items-center gap-x-2.5">
-            <SidebarTrigger className="text-muted-foreground hover:text-secondary-foreground hidden h-4.5 w-4.5 cursor-pointer lg:inline-flex" />
+            {displaySidebarTrigger ? (
-          ) : null}
+              <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={description}>
-            <If condition={displaySidebarTrigger}>
+              <If condition={displaySidebarTrigger}>
-              <Separator
+                <Separator
-                orientation="vertical"
+                  orientation="vertical"
-                className="hidden h-4 w-px lg:group-data-[minimized]:block"
+                  className="hidden h-4 w-px lg:group-data-[minimized]:block"
-              />
+                />
+              </If>
+
+              <PageDescription>{description}</PageDescription>
             </If>
-
+          </div>
-            <PageDescription>{description}</PageDescription>
+        </If>
-          </If>
-        </div>
       </div>
 
       {children}