diff --git a/web/styles/app_variables.css b/web/styles/app_variables.css
index 49484f8ebc..e3ad09875d 100644
--- a/web/styles/app_variables.css
+++ b/web/styles/app_variables.css
@@ -2059,6 +2059,8 @@
     );
     /* The SVG must be adjusted when changing the border color above. */
     --svg-url-rendered-checkbox: url("../images/checkbox.svg");
+    /* Nested checkboxes in settings menu */
+    --settings-nested-checkbox-vertical-margins: 0.3125em 0; /* 5px at 16px */
 
     /* Theme-dependent SVGs */
     --svg-url-thumbnail-loader: url("../images/loading/loader-black.svg");
diff --git a/web/styles/modal.css b/web/styles/modal.css
index 35fa44738f..e0602c21e2 100644
--- a/web/styles/modal.css
+++ b/web/styles/modal.css
@@ -633,7 +633,7 @@
 
         #integrations-event-options {
             .integration-event-wrapper {
-                margin: 5px 0;
+                margin: var(--settings-nested-checkbox-vertical-margins);
             }
 
             .integration-event-name {