diff --git a/app/soapbox/features/landing_page/index.tsx b/app/soapbox/features/landing_page/index.tsx
index e936342e3..363933c54 100644
--- a/app/soapbox/features/landing_page/index.tsx
+++ b/app/soapbox/features/landing_page/index.tsx
@@ -68,8 +68,8 @@ const LandingPage = () => {
   return (
     <main className='mt-16 sm:mt-24'>
       <div className='mx-auto max-w-7xl'>
-        <div className='lg:grid lg:grid-cols-12 lg:gap-8 items-center py-24'>
-          <div className='px-4 sm:px-6 sm:text-center md:max-w-2xl md:mx-auto lg:col-span-6 lg:text-left lg:flex lg:items-center'>
+        <div className='lg:grid lg:grid-cols-12 lg:gap-8 py-12'>
+          <div className='px-4 sm:px-6 sm:text-center md:max-w-2xl md:mx-auto lg:col-span-6 lg:text-left lg:flex'>
             <div>
               <Stack space={3}>
                 <h1 className='text-5xl font-extrabold text-transparent bg-clip-text bg-gradient-to-br from-pink-600 via-primary-500 to-blue-600 sm:mt-5 sm:leading-none lg:mt-6 lg:text-6xl xl:text-7xl'>
@@ -81,7 +81,7 @@ const LandingPage = () => {
               </Stack>
             </div>
           </div>
-          <div className='hidden lg:block sm:mt-24 lg:mt-0 lg:col-span-6'>
+          <div className='hidden lg:block sm:mt-24 lg:mt-0 lg:col-span-6 self-center'>
             <Card size='xl' variant='rounded' className='sm:max-w-md sm:w-full sm:mx-auto'>
               <CardBody>
                 {renderBody()}