diff --git a/components/dialog/Dialog.js b/components/dialog/Dialog.js
index 383e657a..74330861 100644
--- a/components/dialog/Dialog.js
+++ b/components/dialog/Dialog.js
@@ -68,6 +68,7 @@ const factory = (Overlay, Button) => {
       button: PropTypes.string,
       dialog: PropTypes.string,
       navigation: PropTypes.string,
+      overflow: PropTypes.string,
       overlay: PropTypes.string,
       title: PropTypes.string,
       wrapper: PropTypes.string,
diff --git a/components/dialog/config.css b/components/dialog/config.css
index 77f0b8c9..e3c1ccb9 100644
--- a/components/dialog/config.css
+++ b/components/dialog/config.css
@@ -5,4 +5,5 @@
   --dialog-content-padding: calc(2.4 * var(--unit));
   --dialog-navigation-padding: calc(0.8 * var(--unit));
   --dialog-translate-y: calc(4 * var(--unit));
+  --overflow: hidden;
 }
diff --git a/components/dialog/theme.css b/components/dialog/theme.css
index 3895f103..294255ce 100644
--- a/components/dialog/theme.css
+++ b/components/dialog/theme.css
@@ -25,6 +25,7 @@
   max-height: 96vh;
   max-width: 96vw;
   opacity: 0;
+  overflow: var(--overflow);
   transform: translateY(calc(-1 * var(--dialog-translate-y)));
   transition:
     opacity var(--animation-duration) var(--animation-curve-default),