[bug]: Dialog / AlertDialog not styled properly

[bennaaym]

Describe the bug

Description:
I am encountering an issue with the styling of Dialog and AlertDialog components in my project. Despite following the documentation, the components do not render as expected, and the styling appears to be broken or missing. I am unsure of the root cause and have tried to troubleshoot without success.

import { Button } from "@/lib/shadcn/ui/button";
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/lib/shadcn/ui/dialog";

export const AlertDialog = () => {
  return (
    <Dialog>
      <DialogTrigger asChild>
        <Button variant="outline">Edit Profile</Button>
      </DialogTrigger>
      <DialogContent className="sm:max-w-[425px]">
        <DialogHeader>
          <DialogTitle>Edit profile</DialogTitle>
          <DialogDescription>
            Make changes to your profile here. Click save when you're done.
          </DialogDescription>
        </DialogHeader>
        <DialogFooter>
          <Button type="submit">Save changes</Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  );
};

Expected Behavior:
Dialog and AlertDialog should render with the proper styling as documented.

Actual Behavior:
The styling for Dialog and AlertDialog is either missing or broken. The components render with incorrect or no styles applied.

Affected component/components

Dialog, AlertDialog

How to reproduce

Steps to Reproduce:

1. Install ShadCN components as per the documentation.
2. Import and use Dialog or AlertDialog in a project.
3. Observe that the components do not have the correct or expected styling.

Codesandbox/StackBlitz link

https://ui.shadcn.com/docs/components/dialog

Logs

No response

System Info

**Environment:**
- **Framework:** [email protected]
- **Browser:** Chrome / Brave
- **OS:** Windows
- **Node.js version:** 20.14.0

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues

[Gurvinder-Singh02]

can you assign me this issue would love to resolve it

[bennaaym]

@Gurvinder-Singh02 Do you have an idea about what is causing such behavior?

[danielvanc]

Am hoping to use this Component asap, so would be good to know what's causing this bug.

[Gurvinder-Singh02]

Yeah i think it would be issue in tailwind.config but will figure out the root cause if you assign it to me