diff --git a/client/coral-ui/components/Dialog.css b/client/coral-ui/components/Dialog.css
new file mode 100644
index 000000000..b5872c12c
--- /dev/null
+++ b/client/coral-ui/components/Dialog.css
@@ -0,0 +1,4 @@
+
+.dialog {
+  position: fixed;
+}
diff --git a/client/coral-ui/components/Dialog.js b/client/coral-ui/components/Dialog.js
index a7d34a512..d847efaea 100644
--- a/client/coral-ui/components/Dialog.js
+++ b/client/coral-ui/components/Dialog.js
@@ -2,6 +2,7 @@ import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 import dialogPolyfill from 'dialog-polyfill';
 import 'dialog-polyfill/dialog-polyfill.css';
+import styles from './Dialog.css';
 
 export default class Dialog extends Component {
   static propTypes = {
@@ -54,7 +55,7 @@ export default class Dialog extends Component {
     return (
       <dialog
         ref={(el) => { this.dialog = el; }}
-        className={`mdl-dialog ${className}`}
+        className={`mdl-dialog ${className} ${styles.dialog}`}
         {...rest}
       >
         {children}