diff --git a/src/components/Home/Home.styles.js b/src/components/Home/Home.styles.js index bbcaab20b..9f743dfb3 100644 --- a/src/components/Home/Home.styles.js +++ b/src/components/Home/Home.styles.js @@ -62,6 +62,9 @@ const styles = (theme) => ({ statCardGrid: { padding: 0, flexWrap: 'wrap', + '&>div': { + minWidth: '336px', + }, }, }); diff --git a/src/components/reportingCards/ReportingCard.js b/src/components/reportingCards/ReportingCard.js index 65cf463c2..aaecc42d0 100644 --- a/src/components/reportingCards/ReportingCard.js +++ b/src/components/reportingCards/ReportingCard.js @@ -31,7 +31,8 @@ const style = (theme) => ({ backgroundColor: 'white', padding: theme.spacing(4, 6), minHeight: theme.spacing(74), - minWidth: theme.spacing(79), + //minWidth: theme.spacing(79), + maxWidth: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'space-between', @@ -119,6 +120,9 @@ const style = (theme) => ({ maxHeight: 600, overflow: 'auto', }, + name: { + marginRight: theme.spacing(12), + }, }); function GrowerReportingCard(props) {