title: SwiftUI Image not showing properly as an overlay
body: <p>I'm trying to implement a custom &quot;sign in with apple&quot; button:</p>
  <pre><code>Button(action: {
      
  }) {
      RoundedRectangle(cornerRadius: 32)
          .frame(height: 48)
          .foregroundColor(colorScheme == .dark ? .white : .black)
          .overlay(
              HStack {
                  Image(&quot;apple.white&quot;)
                      .frame(width: 32, height: 32)
                      .clipShape(Circle())
                  Spacer()
                  Text(&quot;Sign in with Apple&quot;)
                      .foregroundColor(colorScheme == .dark ? .black : .white)
                      .bold()
                  Spacer()
              }
              .padding(.horizontal)
      )
          .padding(.horizontal)
  }
  </code></pre>
  <p>It looks fine as a static RoundedRectangle:
  <a href="https://i.stack.imgur.com/5QgkB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5QgkB.png" alt="enter image description here" /></a></p>
  <p>But it won't show properly as an overlay to the button:
  <a href="https://i.stack.imgur.com/imoX3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/imoX3.png" alt="enter image description here" /></a></p>
  <p>How do I fix this?</p>