From 35a86a8e7f9d70cbabd0d339594a36e988c457df Mon Sep 17 00:00:00 2001
From: Stephen Cefali <scefali@sentry.io>
Date: Tue, 26 Oct 2021 14:07:49 -0700
Subject: [PATCH] move logic to styled component

---
 .../app/components/organizations/multipleProjectSelector.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/static/app/components/organizations/multipleProjectSelector.tsx b/static/app/components/organizations/multipleProjectSelector.tsx
index 8ee1ec1fc7e128..6e663e1732cffc 100644
--- a/static/app/components/organizations/multipleProjectSelector.tsx
+++ b/static/app/components/organizations/multipleProjectSelector.tsx
@@ -359,7 +359,7 @@ const SelectorFooterControls = ({
     : t('Select My Projects');
 
   return (
-    <FooterContainer style={{justifyContent: message ? 'space-between' : 'flex-end'}}>
+    <FooterContainer hasMessage={!!message}>
       {message && <FooterMessage>{message}</FooterMessage>}
       <FooterActions>
         {!disableMultipleProjectSelection && (
@@ -403,8 +403,9 @@ const SelectorFooterControls = ({
 
 export default withRouter(MultipleProjectSelector);
 
-const FooterContainer = styled('div')`
+const FooterContainer = styled('div')<{hasMessage: boolean}>`
   display: flex;
+  justify-content: ${p => (p.hasMessage ? 'space-between' : 'flex-end')};
 `;
 
 const FooterActions = styled('div')`