diff --git a/.changeset/heavy-teeth-crash.md b/.changeset/heavy-teeth-crash.md
new file mode 100644
index 000000000..c903ada87
--- /dev/null
+++ b/.changeset/heavy-teeth-crash.md
@@ -0,0 +1,5 @@
+---
+"@suid/material": patch
+---
+
+fix(material): add transition prop to components
diff --git a/packages/material/src/Dialog/Dialog.tsx b/packages/material/src/Dialog/Dialog.tsx
index 5b5864e74..3e7a6e7a8 100644
--- a/packages/material/src/Dialog/Dialog.tsx
+++ b/packages/material/src/Dialog/Dialog.tsx
@@ -304,6 +304,7 @@ const Dialog = $.defineComponent(function Dialog(inProps) {
       onClick={handleBackdropClick}
       ownerState={ownerState}
       {...other}
+      transition
     >
       <baseProps.TransitionComponent
         appear
diff --git a/packages/material/src/Popover/Popover.tsx b/packages/material/src/Popover/Popover.tsx
index 02264e76a..d26e822eb 100644
--- a/packages/material/src/Popover/Popover.tsx
+++ b/packages/material/src/Popover/Popover.tsx
@@ -443,6 +443,7 @@ const Popover = $.defineComponent(function Popover(inProps) {
       open={props.open}
       ownerState={ownerState}
       {...other}
+      transition
     >
       <baseProps.TransitionComponent
         appear