diff --git a/nummi/main/static/main/css/main.css b/nummi/main/static/main/css/main.css
index b1b383d..e0e880c 100644
--- a/nummi/main/static/main/css/main.css
+++ b/nummi/main/static/main/css/main.css
@@ -81,7 +81,10 @@ a {
 main,
 nav,
 footer {
-  padding: 2rem;
+  padding: 2rem 1rem;
+  @media (width > 720px) {
+    padding: 2rem;
+  }
 }
 main {
   position: relative;
@@ -94,8 +97,7 @@ main {
 
   .split {
     display: grid;
-    column-gap: var(--gap);
-    row-gap: var(--gap);
+    gap: var(--gap);
     grid-template-columns: 100%;
     @media (width > 720px) {
       grid-template-columns: minmax(20rem, max-content) 1fr;
@@ -366,15 +368,15 @@ dl.accounts {
 ul.statements,
 ul.invoices {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
   grid-auto-rows: 1fr;
-  grid-gap: var(--gap);
+  gap: 0.5rem;
   list-style: none;
   padding: 0;
 
   li {
     display: grid;
-    grid-row-gap: var(--gap);
+    gap: 0.5rem;
     padding: var(--gap);
     border: var(--gray) 1px solid;
     text-align: right;
@@ -423,7 +425,7 @@ ul.statements {
   overflow-x: auto;
   display: grid;
   grid-template-columns: repeat(4, min-content);
-  grid-gap: var(--gap);
+  gap: var(--gap);
   align-items: center;
 
   > span:nth-child(2) {
@@ -483,8 +485,8 @@ ul.statements {
 .category {
   padding: 0 var(--gap);
   border: var(--gray) 1px solid;
-  margin-right: var(--gap);
-  margin-bottom: var(--gap);
+  margin-right: 0.5rem;
+  margin-bottom: 0.5rem;
 
   &.add {
     border-style: dashed;