merge

packages/ui/src/makerkit/page.tsx

@@ -158,11 +158,11 @@ export function PageHeader({
   return (
     <div
       className={cn(
-        'flex items-center justify-between py-5',
+        'flex py-5 flex-col sm:flex-row items-start sm:items-center sm:justify-between',
         className,
       )}
     >
-      <div className={'flex flex-col gap-y-2'}>
+      <div className={'flex flex-col gap-y-4 sm:gap-y-2'}>
         <If condition={title}>
           <PageTitle>{title}</PageTitle>
         </If>