[dashboard] Fixed graph not resizing on smaller window

src/pages/statistics/AccountsStatistics.js

@@ -70,7 +70,7 @@ const TransactionsGraphPanel = ({ data }) => {
     return ('transactions' in data ? (
         <Grid item xs={12}>
             <CardHeader title={translate('dashboard.transactions.title')} />
-            <ResponsiveContainer width="100%" height={400}>
+            <ResponsiveContainer width={'99%'} height={400}>
                 <LineChart data={data.transactions.data} width={600} height={300}
                     margin={{ top: 10, right: 30, left: 0, bottom: 0 }}>
                     <XAxis domain={[Math.floor(start.getTime() / 1000), Math.floor(Date.now() / 1000)]} type="number" dataKey={data.transactions.date_field} tickFormatter={dateFormatter} />

src/pages/statistics/ProductsStatistics.js

@@ -30,7 +30,7 @@ const BestProductsBarPanel = ({ data }) => {
         <>
             <Grid item xs={12}>
                 <CardHeader title={translate('dashboard.products.title')} />
-                <ResponsiveContainer width="100%" height={products.length * 20 + 40}>
+                <ResponsiveContainer width={'99%'} height={products.length * 20 + 40}>
                     <BarChart width={100} height={800} data={products} layout="vertical">
                         <XAxis type="number" />
                         <YAxis type="category" dataKey="name" tick={false} />

src/pages/statistics/SellersStatistics.js

@@ -30,7 +30,7 @@ const BestSellersBarPanel = ({ data }) => {
         <>
             <Grid item xs={12}>
                 <CardHeader title={translate('dashboard.sellers.title')} />
-                <ResponsiveContainer width="100%" height={sellers.length * 20 + 40}>
+                <ResponsiveContainer width={'99%'} height={sellers.length * 20 + 40}>
                     <BarChart width={100} height={800} data={sellers} layout="vertical">
                         <XAxis type="number" />
                         <YAxis type="category" dataKey="name" tick={false} />