From 3f8672a3511317adfc7c6a56d3bead9ee30cc4db Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 16 May 2022 16:19:46 -0700
Subject: [PATCH] Fix layout of responsive image on the login page

---
 packages/web/components/templates/LoginLayout.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/web/components/templates/LoginLayout.tsx b/packages/web/components/templates/LoginLayout.tsx
index 5caac8b52..fd3a3985b 100644
--- a/packages/web/components/templates/LoginLayout.tsx
+++ b/packages/web/components/templates/LoginLayout.tsx
@@ -59,8 +59,7 @@ function MediumLoginLayout(props: LoginFormProps) {
       distribution="start"
       css={{
         width: '100vw',
-        height: '100%',
-        minHeight: '100vh',
+        height: '100vh',
         bg: '$omnivoreYellow',
         overflowY: 'clip'
       }}
@@ -84,7 +83,7 @@ type OmnivoreIllustrationProps = {
 function OmnivoreIllustration({ isLargeLayout }: OmnivoreIllustrationProps) {
   return (
     <img
-      style={{ marginRight: '57px' }}
+      style={{ marginRight: '57px', objectFit: 'fill' }}
       width='100%'
       srcSet="/static/images/landing-illustration.png 1x,
               /static/images/landing-illustration@2x.png 2x"