diff --git a/components/Panels/AddExpense.tsx b/components/Panels/AddExpense.tsx
index a073fa0..7a02d1b 100644
--- a/components/Panels/AddExpense.tsx
+++ b/components/Panels/AddExpense.tsx
@@ -18,13 +18,14 @@ const Container = styled.section`
   flex: 1;
   background-color: ${colors().background};
   padding: 0 16px;
-  width: 90vw;
+  width: 86vw;
   border-radius: 5px;
-  margin-top: -10px;
-  margin-right: -2px;
+  margin: 10px 0 30px;
 
   @media only screen and (min-width: 800px) {
     max-width: 280px;
+    margin-top: 5px;
+    margin-bottom: 10px;
   }
 `;
 
diff --git a/components/Panels/Budgets.tsx b/components/Panels/Budgets.tsx
index 23d6160..2adee4c 100644
--- a/components/Panels/Budgets.tsx
+++ b/components/Panels/Budgets.tsx
@@ -27,7 +27,7 @@ const Container = styled.section`
   display: flex;
   flex-direction: column;
   flex: 1;
-  margin: 0 10px;
+  margin: 20px 10px;
   max-height: 80vh;
   overflow: auto;
   ${safariFix}
@@ -35,6 +35,7 @@ const Container = styled.section`
 
   @media only screen and (min-width: 800px) {
     width: auto;
+    margin: 0 10px;
   }
 `;
 
diff --git a/components/Panels/Expenses.tsx b/components/Panels/Expenses.tsx
index 7c8febf..cd8e33b 100644
--- a/components/Panels/Expenses.tsx
+++ b/components/Panels/Expenses.tsx
@@ -23,6 +23,7 @@ const Container = styled.section`
   display: flex;
   flex-direction: column;
   flex: 1;
+  margin: 20px 10px;
   max-height: 80vh;
   overflow: auto;
   ${safariFix}
@@ -30,6 +31,7 @@ const Container = styled.section`
 
   @media only screen and (min-width: 800px) {
     width: auto;
+    margin: 0;
   }
 `;