diff --git a/packages/material-tailwind-react/src/theme/components/dialog/index.ts b/packages/material-tailwind-react/src/theme/components/dialog/index.ts
index 769e3512b..3cf83d961 100644
--- a/packages/material-tailwind-react/src/theme/components/dialog/index.ts
+++ b/packages/material-tailwind-react/src/theme/components/dialog/index.ts
@@ -46,7 +46,7 @@ export const dialog: DialogStylesType = {
       backdrop: {
         display: "grid",
         placeItems: "place-items-center",
-        position: "fixed",
+        position: "relative",
         top: 0,
         left: 0,
         width: "w-screen",