diff --git a/src/views/dashboard/Api.js b/src/views/dashboard/Api.js
new file mode 100644
index 0000000..8fa44bb
--- /dev/null
+++ b/src/views/dashboard/Api.js
@@ -0,0 +1,17 @@
+import axios from 'axios';
+
+export function getSummary(token) {
+  return axios({
+    method: 'GET',
+    url: `/dashboard`,
+    headers: {
+      Authorization: `Bearer ${token}`,
+    },
+  })
+    .then((res) => {
+      return res.data;
+    })
+    .catch((err) => {
+      throw err.response;
+    });
+}
\ No newline at end of file
diff --git a/src/views/dashboard/Dashboard.js b/src/views/dashboard/Dashboard.js
index 931fd47..47bf69b 100644
--- a/src/views/dashboard/Dashboard.js
+++ b/src/views/dashboard/Dashboard.js
@@ -102,7 +102,7 @@ export default function Dashboard(props) {
         )}
       </Flex>
       <Flex mt="3" direction={{ base: 'column', md: 'row' }}>
-        <Card flex="1" mx="1" my="1">
+        <Card flex="1" mx="1" my="1" maxW="30rem">
           <LineChart width={400} height={300} data={graphSale}>
             <Line type="monotone" dataKey="sale" stroke="#8884d8" />
             <CartesianGrid stroke="#ccc" />
@@ -112,7 +112,7 @@ export default function Dashboard(props) {
             <YAxis dataKey="sale" interval="preserveEnd" />
           </LineChart>
         </Card>
-        <Card flex="1" mx="1" my="1">
+        <Card flex="1" mx="1" my="1" maxW="30rem">
           <LineChart width={400} height={300} data={graphPurchase}>
             <Line type="monotone" dataKey="purchase" stroke="#8884d8" />
             <CartesianGrid stroke="#ccc" />