From 2610772ffdeba17507b6d6426fc823075380cda4 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Tue, 8 Jul 2025 07:18:13 +1000
Subject: [PATCH] feat(ui): tighten up launchpad content to fit better

---
 .../components/SimpleSession/LaunchpadContainer.tsx       | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/LaunchpadContainer.tsx b/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/LaunchpadContainer.tsx
index 332e7d75fa..c25064cae7 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/LaunchpadContainer.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/LaunchpadContainer.tsx
@@ -4,10 +4,10 @@ import { memo } from 'react';
 
 export const LaunchpadContainer = memo((props: PropsWithChildren<{ heading: string }>) => {
   return (
-    <Flex flexDir="column" h="full" w="full" alignItems="center" gap={2}>
-      <Flex flexDir="column" w="full" gap={4} px={14} maxW={768} pt="20vh">
-        <Heading mb={4}>{props.heading}</Heading>
-        <Flex flexDir="column" gap={8}>
+    <Flex flexDir="column" h="full" w="full" alignItems="center" justifyContent="center" gap={2}>
+      <Flex flexDir="column" w="full" gap={4} px={14} maxW={768}>
+        <Heading>{props.heading}</Heading>
+        <Flex flexDir="column" gap={4}>
           {props.children}
         </Flex>
       </Flex>