1 files changed, 26 insertions, 4 deletions
diff --git a/chromium/chrome/browser/resources/local_ntp/doodles.css b/chromium/chrome/browser/resources/local_ntp/doodles.css
index 885619db2c1..ca9a379de2d 100644
--- a/chromium/chrome/browser/resources/local_ntp/doodles.css
+++ b/chromium/chrome/browser/resources/local_ntp/doodles.css
@@ -263,7 +263,8 @@ body.alternate-logo #logo-non-white {
 #ddlsd-title {
   color: #212121;
   font-size: 22px;
-  padding: 0 40px 16px 0;
+  padding-bottom: 16px;
+  padding-inline-end: 40px;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -273,7 +274,6 @@ body.alternate-logo #logo-non-white {
 }
 
 #ddlsd-close {
-  background: url(icons/close.svg) no-repeat;
   height: 24px;
   position: absolute;
   right: 22px;
@@ -281,6 +281,29 @@ body.alternate-logo #logo-non-white {
   width: 24px;
 }
 
+[dir=rtl] #ddlsd-close {
+  left: 22px;
+  right: auto;
+}
+
+#ddlsd-close::before {
+  -webkit-mask-image: url(../../../../ui/webui/resources/images/icon_clear.svg);
+  -webkit-mask-position: center center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-size: 32px;
+  background-color: #4d4d4d;
+  content: '';
+  display: block;
+  height: 100%;
+  width: 100%;
+}
+
+@media (prefers-color-scheme: dark) {
+  #ddlsd-close::before {
+    background-color: rgb(var(--GG500-rgb));
+  }
+}
+
 #ddlsd-fbb {
   background: url(icons/facebook.svg) no-repeat center;
 }
@@ -315,7 +338,6 @@ body.alternate-logo #logo-non-white {
   background: url(icons/copy.svg) no-repeat center;
   background-size: contain;
   display: inline-block;
-  float: right;
   height: 36px;
   margin: 5px;
   width: 36px;
@@ -338,8 +360,8 @@ body.alternate-logo #logo-non-white {
 }
 
 #ddlsd-link {
+  display: flex;
   margin: 6px;
-  overflow: hidden;
 }
 
 #ddlsd-text-ctr {