[MD settings] adjust control spacing

chrome/browser/resources/settings/settings_vars_css.html

Index: chrome/browser/resources/settings/settings_vars_css.html
diff --git a/chrome/browser/resources/settings/settings_vars_css.html b/chrome/browser/resources/settings/settings_vars_css.html
index c31cfb574922d6f2ee0907766dbaad310d0b2c1d..2742764574c32fec52d9f064d3a2862e7e5da299 100644
--- a/chrome/browser/resources/settings/settings_vars_css.html
+++ b/chrome/browser/resources/settings/settings_vars_css.html
@@ -90,14 +90,13 @@
     --paper-checkbox-label-color: inherit;
     --paper-dialog-color: inherit;
 
-    --cr-icon-ripple-size: 40px;
     --paper-icon-button: {
       /**
-       * This makes the icons 20px (in combination with "--cr-icon-ripple-size:
-       * 40px"), since paper-icon-button>iron-icon width and height are
-       * hardcoded to 100%.
+       * This makes the icons 20px (in combination with --cr-icon-ripple-size),
+       * since paper-icon-button>iron-icon width and height are hard-coded to
+       * 100%.
        */
-      padding: 10px;
+      padding: var(--cr-icon-ripple-padding);
     };
     --paper-input-container-focus-color: var(--google-blue-500);
     --paper-input-container-input: {