Как привязать иконку к верхней части кнопки, а текст - к нижней?

Как привязать иконку к верхней части кнопки, а текст - к нижней? В текущей реализации компонента выглядит так:

import React from "react";
import {withStyles} from "material-ui/styles";
import Settings from "material-ui-icons/Settings";
import Button from "material-ui/Button";
const styles = () => ({
    button: {
        height: 95,
        width: 71,
    },
    label: {
        flexDirection: "column",
        paddingTop: 0,
        paddingLeft: 0,
        paddingRight: 0,
        paddingBottom: 0,
        align: "top",
    },
    icon: {
        height: 40,
        width: 71,
        position: "inherit",
        top: 0,
        paddingTop: 0,
        paddingLeft: 0,
        paddingRight: 0,
        paddingBottom: 0,
        align: "top",
    },
    text: {
        paddingTop: 0,
        paddingLeft: 0,
        paddingRight: 0,
        paddingBottom: 0,
        align: "bottom",
    },
});
/* eslint-disable react/prop-types */
const IconedLabel = ({classes, messages = ["Первый", "Второй", "Третий"]}) => (
    <Button classes={{root: classes.button, label: classes.label}} variant="raised" color="primary">
        <Settings className={classes.icon}/>
        <div className={classes.text}>
            {
                messages.map(message => message)
            }
        </div>
    </Button>
);
export default withStyles(styles)(IconedLabel);

Требуется, чтобы иконка была занимала верхнюю половину кнопки, а текст - нижнюю.