Allow the login background to expand past viewport height

On safari the right side image can expand past the viewport
height.

packages/web/components/templates/LoginForm.tsx

@@ -8,7 +8,6 @@ import {
   appleAuthRedirectURI,
 } from '../../lib/appConfig'
 import AppleLogin from 'react-apple-login'
-import { formatMessage } from '../../locales/en/messages'
 
 export type LoginFormProps = {
   errorMessage?: string

packages/web/components/templates/LoginLayout.tsx

@@ -1,14 +1,8 @@
 import { Box, HStack, MediumBreakpointBox, SpanBox, VStack } from '../elements/LayoutPrimitives'
 import { LoginForm } from './LoginForm'
 import type { LoginFormProps } from './LoginForm'
-import Image from 'next/image'
 import { OmnivoreNameLogo } from '../elements/images/OmnivoreNameLogo'
 import { theme } from '../tokens/stitches.config'
-import Link from 'next/link'
-import { Star } from 'phosphor-react'
-import { Button } from '../elements/Button'
-import { googleID } from '../../lib/appConfig'
-import { useEffect, useState } from 'react'
 
 export function LoginLayout(props: LoginFormProps): JSX.Element {
   return (
@@ -64,8 +58,9 @@ function MediumLoginLayout(props: LoginFormProps) {
       alignment="center"
       distribution="start"
       css={{
-        height: '100vh',
         width: '100vw',
+        height: '100%',
+        minHeight: '100vh',
         bg: '$omnivoreYellow',
         overflowY: 'clip'
       }}