diff --git a/client/src/components/AppBar.jsx b/client/src/components/AppBar.jsx
index 76134ac..7934543 100644
--- a/client/src/components/AppBar.jsx
+++ b/client/src/components/AppBar.jsx
@@ -24,7 +24,7 @@ export default function ButtonAppBar() {
   }
 
   return (
-    <Box sx={{ flexGrow: 1, width: '30%' }}>
+    <Box sx={{ flexGrow: 1, width: '100%' }}>
       <AppBar position="static">
         <Toolbar>
           
diff --git a/client/src/components/TransactionChart.jsx b/client/src/components/TransactionChart.jsx
index 6166305..46127aa 100644
--- a/client/src/components/TransactionChart.jsx
+++ b/client/src/components/TransactionChart.jsx
@@ -23,7 +23,7 @@ const TransactionChart = ({chartData}) => {
   }
 
     return (
-      <Paper style={{ marginTop: 20, width: '20%' }}>
+      <Paper style={{ marginTop: 20, width: '100%' }}>
         <Chart
           data={chartData}
         >