diff --git a/skins/base/css/common.css b/skins/base/css/common.css
index 06fd4e39..32f915e9 100644
--- a/skins/base/css/common.css
+++ b/skins/base/css/common.css
@@ -43,6 +43,8 @@ html {
     overflow: -moz-scrollbars-none;
 }
 
+/* FIXME: why is all the dialog stuff in here rather than in per-component files? */
+
 .mx_Dialog_Background {
     position: fixed;
     top: 0;
@@ -111,7 +113,8 @@ html {
     padding-right: 1em;
 }
 
-.mx_ErrorDialogTitle {
+.mx_ErrorDialogTitle,
+.mx_QuestionDialogTitle {
     min-height: 16px;
     padding: 12px;
     border-bottom: 1px solid #a9dbf4;
diff --git a/skins/base/views/organisms/QuestionDialog.js b/skins/base/views/organisms/QuestionDialog.js
index 920100f5..cff9aa2f 100644
--- a/skins/base/views/organisms/QuestionDialog.js
+++ b/skins/base/views/organisms/QuestionDialog.js
@@ -45,13 +45,13 @@ module.exports = React.createClass({
     render: function() {
         return (
             <div className="mx_QuestionDialog">
-                <div className="mx_QuestionDialog">
+                <div className="mx_QuestionDialogTitle">
                     {this.props.title}
                 </div>
-                <div className="mx_QuestionDialog">
+                <div className="mx_Dialog_content">
                     {this.props.description}
                 </div>
-                <div className="mx_QuestionDialog_buttons">
+                <div className="mx_Dialog_buttons">
                     <button onClick={this.onOk} autoFocus={this.props.focus}>
                         {this.props.button}
                     </button>