[ntp][modules] Edit modules border-radius

Set ntp-module-wrapper border-radius to 24px.

Before: screenshot/8bzTPrVJQM6TC67
After: screenshot/BPaptMeeAiJN6kY

Fixed: 1227132
Change-Id: I0e3f442767ef886ac301b51705f4a5c28896f05d
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3011786
Commit-Queue: Deanna Oei <doei@google.com>
Reviewed-by: Tibor Goldschwendt <tiborg@chromium.org>
Cr-Commit-Position: refs/heads/master@{#899325}
diff --git a/chrome/browser/resources/new_tab_page/app.html b/chrome/browser/resources/new_tab_page/app.html
index 0510198..1be91ea 100644
--- a/chrome/browser/resources/new_tab_page/app.html
+++ b/chrome/browser/resources/new_tab_page/app.html
@@ -5,6 +5,7 @@
     --ntp-one-google-bar-height: 56px;
     --ntp-search-box-width: 337px;
     --ntp-module-width: var(--ntp-search-box-width);
+    --ntp-module-border-radius: 5px;
   }
 
   @media (min-width: 560px) {
@@ -26,6 +27,7 @@
   }
 
   :host([modules-redesigned-enabled_]) {
+    --ntp-module-border-radius: 24px;
     --ntp-module-width: 361px;
   }
 
diff --git a/chrome/browser/resources/new_tab_page/modules/module_wrapper.html b/chrome/browser/resources/new_tab_page/modules/module_wrapper.html
index 1a17f54e..a8d24da 100644
--- a/chrome/browser/resources/new_tab_page/modules/module_wrapper.html
+++ b/chrome/browser/resources/new_tab_page/modules/module_wrapper.html
@@ -2,7 +2,7 @@
   :host {
     background-color: var(--ntp-background-override-color);
     border: solid var(--ntp-border-color) 1px;
-    border-radius: 5px;
+    border-radius: var(--ntp-module-border-radius);
     box-sizing: border-box;
     display: block;
     overflow: hidden;