From d3ff7cc6acee609bccf093935dc8ad65771ce69f Mon Sep 17 00:00:00 2001
From: Jonathan <contact@grafikart.fr>
Date: Tue, 17 Jun 2025 16:22:48 +0200
Subject: [PATCH] Fix centered layout height

Signed-off-by: Bryan Frimin <bryan@getprobo.com>
---
 apps/console/src/pages/OrganizationsPage.tsx | 6 ++++--
 packages/ui/src/Layouts/CenteredLayout.tsx   | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/console/src/pages/OrganizationsPage.tsx b/apps/console/src/pages/OrganizationsPage.tsx
index 7f43814d8..590edc42f 100644
--- a/apps/console/src/pages/OrganizationsPage.tsx
+++ b/apps/console/src/pages/OrganizationsPage.tsx
@@ -5,6 +5,7 @@ import type { OrganizationsPageQuery as OrganizationsPageQueryType } from "./__g
 import { useEffect } from "react";
 import { Link, useNavigate } from "react-router";
 import { Avatar, Button, Card, IconPlusLarge } from "@probo/ui";
+import { usePageTitle } from "@probo/hooks";
 
 const OrganizationsPageQuery = graphql`
   query OrganizationsPageQuery {
@@ -34,6 +35,8 @@ export default function OrganizationsPage() {
     (edge) => edge.node
   );
 
+  usePageTitle(__("Select an organization"));
+
   // Redirect to the first organization if only one exists
   useEffect(() => {
     if (organizations.length === 1) {
@@ -43,8 +46,7 @@ export default function OrganizationsPage() {
 
   return (
     <>
-      <title>{__("Select an organization")}</title>
-      <div className="space-y-6 w-full">
+      <div className="space-y-6 w-full py-6">
         <h1 className="text-3xl font-bold text-center">
           {__("Select an organization")}
         </h1>
diff --git a/packages/ui/src/Layouts/CenteredLayout.tsx b/packages/ui/src/Layouts/CenteredLayout.tsx
index b04274bf2..ab9161be1 100644
--- a/packages/ui/src/Layouts/CenteredLayout.tsx
+++ b/packages/ui/src/Layouts/CenteredLayout.tsx
@@ -4,7 +4,7 @@ import { Skeleton } from "../Atoms/Skeleton/Skeleton";
 
 export function CenteredLayout({ children }: PropsWithChildren) {
     return (
-        <div className="grid place-items-center h-screen text-txt-primary bg-level-0">
+        <div className="grid place-items-center min-h-screen text-txt-primary bg-level-0">
             <div className="w-full max-w-2xl flex flex-col items-center">
                 {children ?? <Outlet />}
             </div>