Integrating new form binder

website/src/ui/List.js

@@ -21,12 +21,12 @@ class List extends Component {
         fontFamily: fontInfo.family,
       }}>
         <Box
-          border={`${sizeInfo.listBorderWidth}px solid ${colorInfo.listBorder}`}
+          border={{ width: sizeInfo.listBorderWidth, color: colorInfo.listBorder }}
           radius={sizeInfo.formBoxRadius}>
           <div style={{
             height: '100%',
             width: '100%',
-            overflow: 'scroll'
+            overflowY: 'scroll',
           }}>
             {children}
           </div>
@@ -49,7 +49,7 @@ List.Item = Radium(class ListItem extends Component {
     return (
       <div style={{
         display: 'table-row',
-        background: active ? colorInfo.listBackgroundActive : colorInfo.listBackground,
+        background: active ? colorInfo.listBackgroundActive : 'transparent',
         ':hover': {
           background: colorInfo.listBackgroundHover
         },