diff --git a/src/components/Panel.js b/src/components/Panel.js
index d6fb16158967..4dd42bde435b 100644
--- a/src/components/Panel.js
+++ b/src/components/Panel.js
@@ -5,7 +5,6 @@ import tosource from 'tosource';
 const styles = {
   panel: {
     padding: '5px',
-    backgroundColor: 'rgb(247, 247, 247)',
     width: '100%',
   },
   noKnobs: {
@@ -14,7 +13,6 @@ const styles = {
       "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif
     `,
     display: 'inline',
-    backgroundColor: 'rgb(247, 247, 247)',
     width: '100%',
     textAlign: 'center',
     color: 'rgb(190, 190, 190)',
diff --git a/src/components/PropField.js b/src/components/PropField.js
index fd046f48995f..fa730d06d4b7 100644
--- a/src/components/PropField.js
+++ b/src/components/PropField.js
@@ -8,7 +8,7 @@ const stylesheet = {
     height: '26px',
     width: '100%',
     outline: 'none',
-    border: '0px',
+    border: '1px solid rgb(236, 236, 236)',
     fontSize: '12px',
     padding: '5px',
     color: 'rgb(130, 130, 130)',
@@ -16,7 +16,6 @@ const stylesheet = {
   field: {
     display: 'table-row',
     padding: '5px',
-    color: 'rgb(130, 130, 130)',
   },
   label: {
     display: 'table-cell',
@@ -25,6 +24,7 @@ const stylesheet = {
     textAlign: 'right',
     width: '20px',
     fontSize: '13px',
+    color: 'rgb(68, 68, 68)',
   },
 };
 
diff --git a/src/components/PropForm.js b/src/components/PropForm.js
index 097cf499239a..39004bad0913 100644
--- a/src/components/PropForm.js
+++ b/src/components/PropForm.js
@@ -11,6 +11,8 @@ const stylesheet = {
     display: 'table',
     boxSizing: 'border-box',
     width: '100%',
+    maxWidth: '500px',
+    margin: '0 auto',
     borderCollapse: 'separate',
     borderSpacing: '5px',
   },