diff --git a/src/pages/Reports.js b/src/pages/Reports.js
index e684ad8..c5c0a1c 100644
--- a/src/pages/Reports.js
+++ b/src/pages/Reports.js
@@ -177,7 +177,7 @@ const App = ({ cafeId }) => {
   return (
     <div className={styles.Transactions} style={{ backgroundColor: "#cfcfcf" }}>
       <h2 className={styles["Transactions-title"]}>Reports</h2>
-      <div style={{ marginTop: "30px", textAlign: "center" }}>
+      <div style={{ textAlign: "center" }}>
         <div>
           <label>
             <input
@@ -225,7 +225,6 @@ const App = ({ cafeId }) => {
             display: "flex",
             flexWrap: "wrap",
             justifyContent: "center",
-            marginTop: "20px",
             padding: "20px",
           }}
         >
diff --git a/src/pages/Transactions.module.css b/src/pages/Transactions.module.css
index a9ed207..9dcecd6 100644
--- a/src/pages/Transactions.module.css
+++ b/src/pages/Transactions.module.css
@@ -18,7 +18,7 @@
   color: rgba(88, 55, 50, 1);
   text-align: left;
   margin-left: 20px;
-  margin-top: 30px;
+  margin-top: 40px;
 }
 
 .Transactions-detail {