Fix input element styling madness

website/src/ui/List.js

@@ -18,7 +18,7 @@ class List extends Component {
         position: 'absolute',
         width: '100%',
         height: '100%',
-        fontSize: fontInfo.size.medium,
+        fontSize: fontInfo.size.large,
         fontFamily: fontInfo.family,
       }}>
         <Box border={`${sizeInfo.listBorderWidth}px solid ${colorInfo.listBorder}`} radius={sizeInfo.formBoxRadius}>
@@ -47,6 +47,9 @@ List.Item = Radium(class ListItem extends Component {
       <div style={{
         display: 'table-row',
         background: active ? colorInfo.listBackgroundActive : colorInfo.listBackground,
+        ':hover': {
+          background: colorInfo.listBackgroundHover
+        },
       }} onClick={onClick}>
         {children}
       </div>