diff --git a/web/styles/settings.css b/web/styles/settings.css
index 23b9c77058..4430209c70 100644
--- a/web/styles/settings.css
+++ b/web/styles/settings.css
@@ -362,7 +362,7 @@ select.settings_select {
 }
 
 .input-group {
-    margin: 0 0 20px;
+    margin: 0 0 1.25em; /* 20px at 16px/em */
 
     & label.checkbox + label {
         cursor: pointer;
diff --git a/web/styles/subscriptions.css b/web/styles/subscriptions.css
index 2eb9710a7b..f940484371 100644
--- a/web/styles/subscriptions.css
+++ b/web/styles/subscriptions.css
@@ -348,7 +348,7 @@ h4.user_group_setting_subsection_title {
         margin-top: 10px;
 
         .input-group {
-            margin-bottom: 20px;
+            margin-bottom: 1.25em; /* 20px at 16px/em */
 
             &.control-label-disabled {
                 width: fit-content;
@@ -1259,7 +1259,7 @@ div.settings-radio-input-parent {
 .advanced-configurations-container,
 .group-permissions {
     .input-group {
-        margin-bottom: 10px;
+        margin-bottom: 0.625em; /* 10px at 16px/em */
 
         &.message-retention-setting-group {
             & input {