#urlbar > #urlbar-background, #urlbar[breakout][breakout-extend] > #urlbar-background, #searchbar
{ border: 1px solid #a1a6b5 !important; outline: none !important;   border-radius: 0px !important; }

#urlbar-background {
  border-radius: 0px !important;
}

Hi all, I just updated from v143.0.3 to v145.0 and once again some small breakages in my userChrome.css have occurred. Things have become too rounded, including tabs, the URL bar, and the chevron button. I've solved the tabs radius issue with the .tab-background {} selector. However, my URL bar now has rounded corners. I would like it to be square. Please see the attached images for before & after views of my URL bar. I have this code in place... #urlbar > #urlbar-background, #urlbar[breakout][breakout-extend] > #urlbar-background, #searchbar { border: 1px solid #a1a6b5 !important; outline: none !important; border-radius: 0px !important; } I've also tried this as a standalone... #urlbar-background { border-radius: 0px !important; } But the above has no effect, although it did previously. Is there a new way to control the radius of the URL bar? Also, my chevron button became too rounded. Is there a new way to control that as well? Thanks.