From 81f6dd6550773069a4ffe1c762df4cb03e17b922 Mon Sep 17 00:00:00 2001
From: Daniel Brinkmann <daniel.s.brinkmann@gmail.com>
Date: Tue, 1 Aug 2023 14:03:03 +0200
Subject: [PATCH] fix: 23137 Slow animation on sign in input

---
 .../signin/SignInPageLayout/BackgroundImage/index.js     | 6 +++---
 src/pages/signin/SignInPageLayout/index.js               | 1 -
 src/styles/styles.js                                     | 9 +--------
 3 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/pages/signin/SignInPageLayout/BackgroundImage/index.js b/src/pages/signin/SignInPageLayout/BackgroundImage/index.js
index abe0c1f16a5d..d8c621509314 100644
--- a/src/pages/signin/SignInPageLayout/BackgroundImage/index.js
+++ b/src/pages/signin/SignInPageLayout/BackgroundImage/index.js
@@ -2,29 +2,29 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import MobileBackgroundImage from '../../../../../assets/images/home-background--mobile.svg';
 import DesktopBackgroundImage from '../../../../../assets/images/home-background--desktop.svg';
+import styles from '../../../../styles/styles';
 
 const defaultProps = {
     isSmallScreen: false,
-    style: [],
 };
 
 const propTypes = {
     isSmallScreen: PropTypes.bool,
     pointerEvents: PropTypes.string.isRequired,
     width: PropTypes.number.isRequired,
-    style: PropTypes.oneOfType([PropTypes.object, PropTypes.arrayOf(PropTypes.object)]),
 };
 function BackgroundImage(props) {
     return props.isSmallScreen ? (
         <MobileBackgroundImage
             pointerEvents={props.pointerEvents}
             width={props.width}
-            style={props.style}
+            style={styles.signInBackground}
         />
     ) : (
         <DesktopBackgroundImage
             pointerEvents={props.pointerEvents}
             width={props.width}
+            style={styles.signInBackground}
         />
     );
 }
diff --git a/src/pages/signin/SignInPageLayout/index.js b/src/pages/signin/SignInPageLayout/index.js
index 7acd08a6c693..12f223de33f7 100644
--- a/src/pages/signin/SignInPageLayout/index.js
+++ b/src/pages/signin/SignInPageLayout/index.js
@@ -126,7 +126,6 @@ function SignInPageLayout(props) {
                             isSmallScreen
                             pointerEvents="none"
                             width={variables.signInHeroBackgroundWidthMobile}
-                            style={styles.signInBackgroundMobile}
                         />
                         <SignInPageContent
                             welcomeHeader={props.welcomeHeader}
diff --git a/src/styles/styles.js b/src/styles/styles.js
index ce2ac50fd349..65487f5a15a7 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -1143,14 +1143,7 @@ const styles = {
         left: 0,
     },
 
-    signInBackgroundDesktop: {
-        position: 'absolute',
-        bottom: 0,
-        left: 0,
-        minHeight: 700,
-    },
-
-    signInBackgroundMobile: {
+    signInBackground: {
         position: 'absolute',
         bottom: 0,
         left: 0,