Fixed styles

src/plugins/templates/modal.js

@@ -2,7 +2,7 @@ import Sidebar from './sidebar'
 
 export default (opts) => {
   return `
-    <section class='Modal'>
+    <section id='UppyModalDialog'>
       ${Sidebar({
         providers: opts.providers
       })}

src/plugins/templates/sidebar.js

@@ -4,7 +4,7 @@ export default (context) => {
   }).join('')
 
   return `
-    <section class='ModalSidebar'>
+    <section class='UppyModalSidebar'>
       <ul>
         ${providers}
       </ul>

website/src/examples/modal/app.css

@@ -27,6 +27,11 @@ body {
   transform: translate(-50%, -50%) scale(0.8);
 }
 
+.Modal {
+  display: flex;
+  flex-direction: row;
+}
+
 .UppyModalOverlay {
   background: #000;
   width: 100%;
@@ -137,12 +142,12 @@ body.UppyModal--is-open .UppyModalOverlay {
 }
 
 /* Modal Styles */
-#UppyModal {
+#UppyModalDialog {
   display: flex;
   flex-direction: row;
 }
 
-.UppyModalContent {
+#UppyModalContent {
   height: 600px;
 }