{"action":"created","issue":{"url":"https://api.github.com/repos/callemall/material-ui/issues/4263","repository_url":"https://api.github.com/repos/callemall/material-ui","labels_url":"https://api.github.com/repos/callemall/material-ui/issues/4263/labels{/name}","comments_url":"https://api.github.com/repos/callemall/material-ui/issues/4263/comments","events_url":"https://api.github.com/repos/callemall/material-ui/issues/4263/events","html_url":"https://github.com/callemall/material-ui/issues/4263","id":154855392,"number":4263,"title":"[Stepper] Circles for step numbers in Stepper are displayed smaller","user":{"login":"szchenghuang","id":6309412,"avatar_url":"https://avatars.githubusercontent.com/u/6309412?v=3","gravatar_id":"","url":"https://api.github.com/users/szchenghuang","html_url":"https://github.com/szchenghuang","followers_url":"https://api.github.com/users/szchenghuang/followers","following_url":"https://api.github.com/users/szchenghuang/following{/other_user}","gists_url":"https://api.github.com/users/szchenghuang/gists{/gist_id}","starred_url":"https://api.github.com/users/szchenghuang/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/szchenghuang/subscriptions","organizations_url":"https://api.github.com/users/szchenghuang/orgs","repos_url":"https://api.github.com/users/szchenghuang/repos","events_url":"https://api.github.com/users/szchenghuang/events{/privacy}","received_events_url":"https://api.github.com/users/szchenghuang/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/callemall/material-ui/labels/Bug","name":"Bug","color":"e11d21"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2016-05-14T14:05:38Z","updated_at":"2016-05-16T10:29:37Z","closed_at":null,"body":"### Problem description\r\nNot able to display the circles in a proper size. The screenshots below shows a comparison.\r\n\r\nDisplayed:\r\n![stepper-small](https://cloud.githubusercontent.com/assets/6309412/15268776/8a73d220-1a1c-11e6-968f-f950abd3cd73.PNG)\r\n\r\nExpected:\r\n![stepper](https://cloud.githubusercontent.com/assets/6309412/15268778/96b91824-1a1c-11e6-83bc-295022880ea0.PNG)\r\n\r\nThe reason is that <_StepLabel_> is followed by a <_span_> element which displays the circles. That span element expects _box-sizing_ set to _content-box_. However in many libraries and frameworks _border-box_ is used, overwriting the expected setting.\r\n\r\nThere is no property provided by <_StepLabel_> to set the style of that inner span. For now I just have to set a class, say <_step-label_>, to <_StepLabel_> and set\r\n\r\n`.step-label > span {\r\n    -webkit-box-sizing: content-box;\r\n    -moz-box-sizing: content-box;\r\n    box-sizing: content-box; \r\n}`\r\n\r\nin my stylesheet.\r\n\r\nA similar issue is described in #4259 for DatePicker.\r\n\r\n### Steps to reproduce\r\nDisplay a Stepper in an environment where **box-sizing** is set to **border-box**.\r\n\r\n### Versions\r\n\r\n- Material-UI: 0.15.0\r\n- React: 15.0.2\r\n- Browser: 50.0.2661.102\r\n\r\n<!-- Have a QUESTION? Please ask in [StackOverflow or gitter](http://tr.im/77pVj before opening an issue.\r\n\r\nIf you are having an issue with click events, please re-read the [README](http://tr.im/410Fg) (you did read the README, right? :-) ).\r\n\r\nIf you think you have found a _new_ issue that hasn't already been reported or fixed in HEAD, please complete the template above.\r\n\r\nFor feature requests, please delete the template above and use this one instead:\r\n\r\n### Description\r\n### Images & references\r\n\r\n-->"},"comment":{"url":"https://api.github.com/repos/callemall/material-ui/issues/comments/219395469","html_url":"https://github.com/callemall/material-ui/issues/4263#issuecomment-219395469","issue_url":"https://api.github.com/repos/callemall/material-ui/issues/4263","id":219395469,"user":{"login":"zhangjunah","id":1746154,"avatar_url":"https://avatars.githubusercontent.com/u/1746154?v=3","gravatar_id":"","url":"https://api.github.com/users/zhangjunah","html_url":"https://github.com/zhangjunah","followers_url":"https://api.github.com/users/zhangjunah/followers","following_url":"https://api.github.com/users/zhangjunah/following{/other_user}","gists_url":"https://api.github.com/users/zhangjunah/gists{/gist_id}","starred_url":"https://api.github.com/users/zhangjunah/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zhangjunah/subscriptions","organizations_url":"https://api.github.com/users/zhangjunah/orgs","repos_url":"https://api.github.com/users/zhangjunah/repos","events_url":"https://api.github.com/users/zhangjunah/events{/privacy}","received_events_url":"https://api.github.com/users/zhangjunah/received_events","type":"User","site_admin":false},"created_at":"2016-05-16T10:29:37Z","updated_at":"2016-05-16T10:29:37Z","body":"but，how to fix it if I used Bootstrap? "}}