diff --git a/css/_variables.scss b/css/_variables.scss
index ea480c8c1..e1e723382 100644
--- a/css/_variables.scss
+++ b/css/_variables.scss
@@ -79,6 +79,11 @@ $rateStarDefault: #ccc;
 $rateStarActivity: #165ecc;
 $rateStarSize: 34px;
 
+/**
+ * Modals
+ */
+$modalButtonFontSize: 14px;
+
 /**
  * Notifications
  */
diff --git a/css/modals/_dialog.scss b/css/modals/_dialog.scss
index 4aa346a9f..264f09020 100644
--- a/css/modals/_dialog.scss
+++ b/css/modals/_dialog.scss
@@ -76,3 +76,7 @@
         border-bottom: 1px solid $auiBorderColor;
     }
 }
+
+.modal-dialog-footer {
+    font-size: $modalButtonFontSize;
+}
diff --git a/react/features/base/dialog/components/Dialog.web.js b/react/features/base/dialog/components/Dialog.web.js
index 9d53efe9f..ba67dbd09 100644
--- a/react/features/base/dialog/components/Dialog.web.js
+++ b/react/features/base/dialog/components/Dialog.web.js
@@ -93,7 +93,7 @@ class Dialog extends AbstractDialog {
      */
     _renderFooter() {
         return (
-            <footer>
+            <footer className = 'modal-dialog-footer'>
                 <AKButtonGroup>
                     { this._renderCancelButton() }
                     { this._renderOKButton() }