diff --git "a/website/src/components/\027code-tabs.tsx" "b/website/src/components/\027code-tabs.tsx"
index 3886968..f8e684f 100644
--- "a/website/src/components/\027code-tabs.tsx"
+++ "b/website/src/components/\027code-tabs.tsx"
@@ -59,7 +59,7 @@ export function CodeTabs() {
     }, [value])
     return (
         <Tabs
-            className='min-h-[400px]'
+            className='min-h-[400px] shrink-0'
             value={value}
             key={value}
             onValueChange={setValue}
diff --git a/website/src/pages/home.tsx b/website/src/pages/home.tsx
index fc0bc2e..a06f4b2 100644
--- a/website/src/pages/home.tsx
+++ b/website/src/pages/home.tsx
@@ -102,14 +102,19 @@ const Page = ({ clients }: InferGetStaticPropsType<typeof getStaticProps>) => (
                     </Button>
                 </div>
             }
+            
             image={<CodeTabs />}
             heading={
-                <div className=''>Generate an SDK for any GraphQL API</div>
+                <div className=''>
+                    Generate an SDK <br /> for any GraphQL API
+                </div>
             }
             subheading={
-                <Fragment>
-                    Genql generates a TypeScript SDK for your GraphQL API
-                </Fragment>
+                <div className='max-w-[600px]'>
+                    Genql turns you GraphQL API into a type safe SDK for your
+                    language of choice. Get a developer hub with examples and
+                    documentation for your API.
+                </div>
             }
             // image={<Image h='200px' w='300px' src='/robot.svg' />}
             // image={