more fixes

packages/playground/playground/app.js

@@ -5,8 +5,8 @@ import { render } from "react-dom";
 
 const themes = {
   default: {
-    stylesheet: "",
-    // "//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css",
+    stylesheet:
+      "//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css",
     theme: {},
   },
   "material-ui": {

packages/playground/src/index.js

@@ -260,14 +260,14 @@ function ThemeSelector({ theme, themes, select, FormComponent }) {
     enum: Object.keys(themes),
   };
   return (
-    <Form
+    <FormComponent
       className="form_rjsf_themeSelector"
       idPrefix="rjsf_themeSelector"
       schema={themeSchema}
       formData={theme}
       onChange={({ formData }) => select(formData, themes[formData])}>
       <div />
-    </Form>
+    </FormComponent>
   );
 }
 
@@ -432,7 +432,7 @@ class Playground extends Component {
 
     return (
       <div className="rjsf-main">
-        <div className="page-header">
+        <div className="rjsf-header">
           <h1>react-jsonschema-form</h1>
           <div className="rjsf-selector-container">
             <div className="rjsf-tabs">

packages/playground/src/index.scss

@@ -1,6 +1,7 @@
 body {
     font-family: sans-serif;
     font-size: 14px;
+    padding: 10px;
 }
 
 .form_rjsf_themeSelector, .form_rjsf_options {
@@ -9,7 +10,7 @@ body {
     }
 }
 
-.page-header > h1 {
+.rjsf-header > h1 {
     margin: 10px 0px;
     font-weight: normal;
     font-size: 1.5em;