title: How to position element to the right?
body: <p>I have 2 buttons in the end of the form.
  I am using styled components and react. 
  Problem is that when the left aligned button is being hidden, the other button which is supposed to stay in the right, comes to the left. Below is my css(and screenshot of layout), what do i need to add/change?</p>
  
  <pre><code>const ButtonsContainer = styled.div`
    display: flex;
    justify-content: space-between;
  `;
  </code></pre>
  
  <p>meanwhile the code on the jsx part</p>
  
  <pre><code>      &lt;div&gt;
          &lt;ButtonsContainer&gt;
            {tabIndex != 0 &amp;&amp; (
                &lt;Button
                  label=" Go Back"               
                /&gt;
            )}
            {nextStep &gt; 0 &amp;&amp; (
                &lt;Button                  
                  label=" Next Step"
                /&gt;
            )}
          &lt;/ButtonsContainer&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/jkBwa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jkBwa.png" alt="enter image description here"></a></p>