{"section":"known-issues","requestedLocale":"en","requestedSlug":"my-orders-layout-breaking-without-customization","locale":"en","slug":"my-orders-layout-breaking-without-customization","path":"docs/en/known-issues/Post-purchase/my-orders-layout-breaking-without-customization.md","branch":"main","content":"## Summary\n\n<div class=\"alert alert-success\">\n  <div><strong>Fix:</strong></div>\n  <div>The problem has been corrected with the property `:root { font-size: 16px }` being delivered by My Orders itself.</div>\n</div>\n\n---\n\n![Screen Shot 2017-05-26 at 12.01.58](https://raw.githubusercontent.com/vtexdocs/known-issues/refs/heads/main/docs/en/known-issues/Post-purchase/my-orders-layout-breaking-without-customization_1.png)\n\nIf the layout of the new My Orders presents problems in your store _out of the box_, without any customization, it may be that your store's CSS is interfering with it.\n\nSome versions of Bootstrap add the CSS `html {font-size: 10px}`, which interferes with the sizes of the elements of the new My Orders.\n\n## Simulation\n\n1. Access `{STORENAME}.com/account/orders`;\n2. See the orders list.\n\n## Workaround\n\nCustomize your store's CSS with the CSS property `html { font-size: 16px }` in My Orders, to restore the elements original proportion."}