diff --git a/packages/playground/playground/app.js b/packages/playground/playground/app.js
index 1d544c1..bb931c5 100644
--- a/packages/playground/playground/app.js
+++ b/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": {
diff --git a/packages/playground/src/index.js b/packages/playground/src/index.js
index 2b742e3..12495f7 100644
--- a/packages/playground/src/index.js
+++ b/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">
diff --git a/packages/playground/src/index.scss b/packages/playground/src/index.scss
index 6dd8b67..f6e10ee 100644
--- a/packages/playground/src/index.scss
+++ b/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;