render spaces as nbsp

[johnhuangclever]

Overview: for created options

Screenshots/GIFs: before:

https://user-images.githubusercontent.com/13126257/119215735-79fceb80-ba84-11eb-9a87-b280067b3e59.mov

after:

https://user-images.githubusercontent.com/13126257/119215739-7c5f4580-ba84-11eb-8036-3ddc0de591e3.mov

Testing:

• [ ] Unit tests
• Manual tests:
  • [ ] Chrome
  • [ ] Safari
  • [ ] IE11

Roll Out:

• Before merging:
  • [ ] Updated docs
  • [ ] Bumped version in package.json
    • Breaking change?
      • If it is a beta component run npm version minor
      • If the component is not in beta run npm version major
    • New component or backward-compatible component feature change? Run npm version minor
    • Only changing documentation? All good. Skip this step.
  • After creating a new component, make sure to add it to the Components List in ComponentsView.jsx. To do so:
    • [ ] Add a screenshot of the component in docs/assets/img with the format <COMPONENT URL LINK>.png
• After merging:
  • [ ] Deployed updated docs (make deploy-docs)
  • [ ] Posted in #eng if I made a breaking change to a beta component