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}