[AlertDialog] Issue

[lambrose]

<AlertDialog.Root>
  <AlertDialog.Trigger>
    <Button color="red">Revoke access</Button>
  </AlertDialog.Trigger>
  <AlertDialog.Content style={{ maxWidth: 450 }}>
    <AlertDialog.Title>Revoke access</AlertDialog.Title>
    <AlertDialog.Description size="2">
      Are you sure? This application will no longer be accessible and any
      existing sessions will be expired.
    </AlertDialog.Description>
    <Flex gap="3" mt="4" justify="end">
      <AlertDialog.Cancel>
        <Button variant="soft" color="gray">
          Cancel
        </Button>
      </AlertDialog.Cancel>
      <AlertDialog.Action>
        <Button variant="solid" color="red">
          Revoke access
        </Button>
      </AlertDialog.Action>
    </Flex>
  </AlertDialog.Content>
</AlertDialog.Root>

---

The button color is not rendering.
Also another issue related to the button variant "solid" and "soft" not rendering as expected.

[vladmoroz]

Sounds like you are using Tailwind and it causes a specificity issues, is this right?
#109 (comment)

[lambrose]

Yes, it seems like that. Do you have a work around for this?

…

On Tue, Jan 23, 2024 at 8:15 AM Vlad Moroz ***@***.***> wrote: Sounds like you are using Tailwind and it causes a specificity issues, is this right? #109 (comment) <#109 (comment)> — Reply to this email directly, view it on GitHub <#253 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AGL4UTLCT3KYOJDAP2XFSODYP7OYXAVCNFSM6AAAAABCHIOMWOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMBWGQYDMOBVGI> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[vladmoroz]

Please see that comment I linked to