diff --git a/native/account/logged-out-modal.react.js b/native/account/logged-out-modal.react.js --- a/native/account/logged-out-modal.react.js +++ b/native/account/logged-out-modal.react.js @@ -758,24 +758,39 @@ ]); const windowWidth = dimensions.width; - const buttonStyle = { - opacity: panelOpacity, - left: windowWidth < 360 ? 28 : 40, - }; - const padding = { paddingTop: panelPaddingTop }; - - const animatedContent = ( - - - Comm - - - - - - - {panel} - + const backButtonStyle = React.useMemo( + () => [ + styles.backButton, + { opacity: panelOpacity, left: windowWidth < 360 ? 28 : 40 }, + ], + [styles.backButton, panelOpacity, windowWidth], + ); + + const animatedContentStyle = React.useMemo( + () => [styles.animationContainer, { paddingTop: panelPaddingTop }], + [styles.animationContainer, panelPaddingTop], + ); + const animatedContent = React.useMemo( + () => ( + + + Comm + + + + + + + {panel} + + ), + [ + animatedContentStyle, + styles.header, + backButtonStyle, + resetToPrompt, + panel, + ], ); let siwePanel;