Two visual fixes in the MD Clear Browsing Data dialog

chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.html

Index: chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.html
diff --git a/chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.html b/chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.html
index b471c22d415e4c77058627b2533f04a74894126d..4f72ee9aec387cb9b21c18ed0980f4361ffc1d50 100644
--- a/chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.html
+++ b/chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.html
@@ -30,6 +30,7 @@
 
       #dialog .footer {
         background-color: #fff;
+        color: var(--paper-grey-600);
       }
 
       .row {
@@ -96,11 +97,15 @@
         display: inline;
       }
 
-      /* Cap the height on smaller screens to avoid unfavorable clipping. */
+      /* Cap the height on smaller screens to avoid unfavorable clipping.
+       * Replace the bottom margin with padding to avoid the gap between
+       * the scrollbar and the bottom separator. */
       @media all and (max-height: 714px) {
-        .body {
+        #dialog .body {
+          margin-bottom: 0;
           max-height: 270px;
           overflow-y: scroll;
+          padding-bottom: 12px;
         }
       }
     </style>