Merge pull request #15567 from brave/sko/si-overlap-uplift

Break lines for text on sponsored image toggle (uplift to 1.45.x)
brave · Oct 20, 2022 · 521b09f · 521b09f
2 parents 3037193 + ae0f4e3
commit 521b09f
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/components/brave_new_tab_ui/containers/newTab/settings/sponsoredImagesToggle.tsx b/components/brave_new_tab_ui/containers/newTab/settings/sponsoredImagesToggle.tsx
@@ -50,7 +50,7 @@ const ToggleRow = styled.div`
 const DescriptionRow = styled.div`
   width: 100%;
   display: grid; 
-  grid-template-rows: 16px 1fr;
+  grid-template-rows: fit-content(16px) 1fr;
   grid-template-columns: 16px 1fr;
   padding: 0 8px;
   gap: 8px;
@@ -62,6 +62,8 @@ const DescriptionRow = styled.div`
 
 const DescriptionIcon = styled.div`
   background: url(${InfoIcon}) no-repeat;
+  background-size: 16px 16px;
+  background-position: center;
 `
 
 const DescriptionTitle = styled.div`