MD Settings: Fix md-select alignment in passwords and forms section dialogs.

chrome/browser/resources/settings/passwords_and_forms_page/address_edit_dialog.html

Index: chrome/browser/resources/settings/passwords_and_forms_page/address_edit_dialog.html
diff --git a/chrome/browser/resources/settings/passwords_and_forms_page/address_edit_dialog.html b/chrome/browser/resources/settings/passwords_and_forms_page/address_edit_dialog.html
index 0c3bd14745eb32c0ad3a4eb7bb0b48a3921161d0..37f31c765f679d77e1cb9f4523b99be261a69270 100644
--- a/chrome/browser/resources/settings/passwords_and_forms_page/address_edit_dialog.html
+++ b/chrome/browser/resources/settings/passwords_and_forms_page/address_edit_dialog.html
@@ -29,15 +29,20 @@
         width: calc((var(--paper-input-max-width) - 16px) / 2);
       }
 
-      .md-select.address-column {
-        -webkit-margin-end: 0;
-        margin-bottom: 0;
-      }
-
       #select-row {
         display: block;
       }
 
+      .md-select-wrapper {
+        /* Mitigate for md-select's start padding, to make it look aligned with
+         * other elements on the page. */
+        -webkit-margin-start: -12px;
+      }
+
+      .md-select {
+        --md-select-width: var(--paper-input-max-width);
+      }
+
       #select-label {
         /* Mimic other paper-input floating labels. */
         color: var(--light-theme-secondary-color);
@@ -106,8 +111,7 @@
         <div id="select-row" class="address-row">
           <div id="select-label">$i18n{addressCountry}</div>
           <span class="md-select-wrapper">
-            <select class="md-select address-column long"
-                aria-labelledby="select-label"
+            <select class="md-select" aria-labelledby="select-label"
                 value="[[countryCode_]]" on-change="onCountryChange_">
               <option value=""></option>
               <template is="dom-repeat" items="[[countries_]]">