fix: pre release screen fixes

new-lamassu-admin/src/components/buttons/FeatureButton.js

@@ -11,13 +11,19 @@ const styles = {
     extend: baseButton,
     width: baseButton.height,
     borderRadius: baseButton.height / 2,
-    display: 'flex'
+    display: 'flex',
+    padding: 0
   },
   primary,
   buttonIcon: {
     margin: 'auto',
     '& svg': {
-      overflow: 'visible'
+      width: 16,
+      height: 16,
+      overflow: 'visible',
+      '& g': {
+        strokeWidth: 1.8
+      }
     }
   },
   buttonIconActive: {} // required to extend primary
@@ -25,29 +31,35 @@ const styles = {
 
 const useStyles = makeStyles(styles)
 
-const FeatureButton = memo(({ className, Icon, InverseIcon, ...props }) => {
-  const classes = useStyles()
+const FeatureButton = memo(
+  ({ className, Icon, InverseIcon, children, ...props }) => {
+    const classes = useStyles()
 
-  const classNames = {
-    [classes.featureButton]: true,
-    [classes.primary]: true
+    const classNames = {
+      [classes.featureButton]: true,
+      [classes.primary]: true
+    }
+
+    return (
+      <button className={classnames(classNames, className)} {...props}>
+        {Icon && (
+          <div className={classes.buttonIcon}>
+            <Icon />
+          </div>
+        )}
+        {InverseIcon && (
+          <div
+            className={classnames(
+              classes.buttonIcon,
+              classes.buttonIconActive
+            )}>
+            <InverseIcon />
+          </div>
+        )}
+        {children}
+      </button>
+    )
   }
-
-  return (
-    <button className={classnames(classNames, className)} {...props}>
-      {Icon && (
-        <div className={classes.buttonIcon}>
-          <Icon />
-        </div>
-      )}
-      {InverseIcon && (
-        <div
-          className={classnames(classes.buttonIcon, classes.buttonIconActive)}>
-          <InverseIcon />
-        </div>
-      )}
-    </button>
-  )
-})
+)
 
 export default FeatureButton