diff --git a/apps/web/src/components/auth-container/index.jsx b/apps/web/src/components/auth-container/index.jsx
index 26b641325..ba477cbbe 100644
--- a/apps/web/src/components/auth-container/index.jsx
+++ b/apps/web/src/components/auth-container/index.jsx
@@ -113,8 +113,13 @@ function AuthContainer(props) {
             </Flex>
             <Image
               src={NotesnookPhoneImage}
-              width={420}
-              sx={{ marginLeft: "58px" }}
+              sx={{
+                marginLeft: "58px",
+                objectFit: "contain",
+                height: "100%",
+                flex: 0.95,
+                overflow: "hidden"
+              }}
             />
           </Flex>
           <Box
diff --git a/apps/web/src/views/auth.tsx b/apps/web/src/views/auth.tsx
index 662c98532..d533cd354 100644
--- a/apps/web/src/views/auth.tsx
+++ b/apps/web/src/views/auth.tsx
@@ -1239,7 +1239,7 @@ export function SubmitButton(props: SubmitButtonProps) {
         justifyContent: "center",
         alignSelf: "center",
         display: "flex",
-        paddingY: "spacing7",
+        paddingY: "spacing6",
         paddingX: "spacing5",
         fontSize: "md",
         fontWeight: 600,