Border radius not working on mobile
Hey there everyone , I 'm running into some issue with border radius of every single element of my toddle project . Everything is as configured both in the editor and published desktop view , but on mobile most radius do not appear (screenshot attached ) . I have tried in different devices and browsers , happening on all of them Can you share the settings for the element ? Assuming no accidental breakpoint settins were added to it ? Thanks Lucas ! There are no breakpoints on those elements . Here is the white button css : gap : var ( - -sm ) color : var ( - -button -secondary -fg , #344054 ) height : 44px display : flex outline : none font -size : 14px box -shadow : 0px 1px 2px 0px hsla ( , % , % , 0 .05 ) align -items : center font -weight : 600 line -height : 20px padding -top : 10px padding -left : 14px border -radius : 0 .5rem outline -color : #D0D5DD outline -style : solid outline -width : 1px padding -right : 14px flex -direction : row padding -bottom : 10px justify -content : center Also : I think the issue comes from the outline not the border itself (Since all components having this issue have an outline in common Since it is an accessibility feature /style as well But you shouldn 't remove it since it is an a11y thing too
.jpeg/public)