[NTP Search]: Don't be wider than the page (#26538)

brave · Nov 18, 2024 · b78e0d1 · b78e0d1
1 parent 50e8aee
commit b78e0d1
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/components/brave_new_tab_ui/components/search/SearchPlaceholder.tsx b/components/brave_new_tab_ui/components/search/SearchPlaceholder.tsx
@@ -42,11 +42,14 @@ const MenuButton = styled(Button)`
 `
 
 const PlaceholderContainer = styled.div`
+  align-self: center;
   position: relative;
   
   border-radius: ${searchBoxRadius};
   
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
+
+  max-width: calc(100vw - 24px);
   
   &:hover ${MenuContainer} {
     transition-delay: 0s;