diff --git a/res/css/views/elements/_AccessibleButton.scss b/res/css/views/elements/_AccessibleButton.scss
index a6e884e170..8fca0b6128 100644
--- a/res/css/views/elements/_AccessibleButton.scss
+++ b/res/css/views/elements/_AccessibleButton.scss
@@ -27,7 +27,7 @@ limitations under the License.
 }
 
 .mx_AccessibleButton_hasKind {
-    padding: 10px 25px;
+    padding: 7px 18px;
     text-align: center;
     border-radius: 4px;
     display: inline-block;
diff --git a/res/css/views/settings/tabs/_VoiceSettingsTab.scss b/res/css/views/settings/tabs/_VoiceSettingsTab.scss
index 6a6556eccd..345fefe3cd 100644
--- a/res/css/views/settings/tabs/_VoiceSettingsTab.scss
+++ b/res/css/views/settings/tabs/_VoiceSettingsTab.scss
@@ -22,3 +22,7 @@ limitations under the License.
 .mx_VoiceSettingsTab .mx_Field {
   margin-right: 100px; // align with the rest of the fields
 }
+
+.mx_VoiceSettingsTab_missingMediaPermissions {
+  margin-bottom: 15px;
+}
diff --git a/src/components/views/settings/tabs/VoiceSettingsTab.js b/src/components/views/settings/tabs/VoiceSettingsTab.js
index 9624b00bcf..f03711fb96 100644
--- a/src/components/views/settings/tabs/VoiceSettingsTab.js
+++ b/src/components/views/settings/tabs/VoiceSettingsTab.js
@@ -97,7 +97,7 @@ export default class VoiceSettingsTab extends React.Component {
         let webcamDropdown = null;
         if (this.state.mediaDevices === false) {
             requestButton = (
-                <div>
+                <div className='mx_VoiceSettingsTab_missingMediaPermissions'>
                     <p>{_t("Missing media permissions, click the button below to request.")}</p>
                     <AccessibleButton onClick={this._requestMediaPermissions} kind="primary">
                         {_t("Request media permissions")}