diff --git a/src/main/resources/static/css/dark/style.css b/src/main/resources/static/css/dark/style.css
index 1656c663b5db6c10e438fecefd3881b79a7c5a6a..bb27ce782ae996a66b3894aa6e275f0ef69682af 100644
--- a/src/main/resources/static/css/dark/style.css
+++ b/src/main/resources/static/css/dark/style.css
@@ -575,6 +575,10 @@ input[type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) +
     white-space: nowrap;
 }
 
+.invisible {
+    opacity: 0;
+}
+
 .hidden {
     display: none;
 }
diff --git a/src/main/resources/static/css/dark/transactions.css b/src/main/resources/static/css/dark/transactions.css
index 94283e85690a33678ff227ecd22f270aadbe534b..4e71f6f44c9bc59e01029a5d2be947702c337c7f 100644
--- a/src/main/resources/static/css/dark/transactions.css
+++ b/src/main/resources/static/css/dark/transactions.css
@@ -21,4 +21,12 @@
 
 .transaction-container {
     width: 90%;
+}
+
+.transaction-container .responsive-table td {
+    text-align: center;
+}
+
+.transaction-container .category-circle-small {
+    margin: auto;
 }
\ No newline at end of file
diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css
index fe9549e2270d6eea9e31ca68945c3610ab3e3626..dc8a45c89224cce9a4613b749a8bd9e4825e1b95 100644
--- a/src/main/resources/static/css/style.css
+++ b/src/main/resources/static/css/style.css
@@ -488,6 +488,10 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa
     white-space: nowrap;
 }
 
+.invisible {
+    opacity: 0;
+}
+
 .hidden {
     display: none;
 }
diff --git a/src/main/resources/static/css/transactions.css b/src/main/resources/static/css/transactions.css
index 94283e85690a33678ff227ecd22f270aadbe534b..4e71f6f44c9bc59e01029a5d2be947702c337c7f 100644
--- a/src/main/resources/static/css/transactions.css
+++ b/src/main/resources/static/css/transactions.css
@@ -21,4 +21,12 @@
 
 .transaction-container {
     width: 90%;
+}
+
+.transaction-container .responsive-table td {
+    text-align: center;
+}
+
+.transaction-container .category-circle-small {
+    margin: auto;
 }
\ No newline at end of file
diff --git a/src/main/resources/templates/transactions/transactions.ftl b/src/main/resources/templates/transactions/transactions.ftl
index 2badbf83b70a1fea15205f272f47ba58b756e8d5..ace6e2dc124399e97cd9f463422f11d574641e19 100644
--- a/src/main/resources/templates/transactions/transactions.ftl
+++ b/src/main/resources/templates/transactions/transactions.ftl
@@ -51,7 +51,7 @@
                     <br>
                     <div class="row">
                         <div class="col s12">
-                            <table class="bordered">
+                            <table class="bordered responsive-table">
                                 <#list transactions as transaction>
                                     <tr>
                                         <td>${helpers.getDateStringWithoutYear(transaction.date)}</td>
diff --git a/src/main/resources/templates/transactions/transactionsMacros.ftl b/src/main/resources/templates/transactions/transactionsMacros.ftl
index 54cd7260a1de09a1d454c48ab8de32c50de94f9b..a3b9ba1f3bd83e65b62a43e2455cdf518a0c7657 100644
--- a/src/main/resources/templates/transactions/transactionsMacros.ftl
+++ b/src/main/resources/templates/transactions/transactionsMacros.ftl
@@ -2,7 +2,7 @@
 
 <#macro transactionRepeating transaction>
     <td>
-        <#if transaction.isRepeating()><i class="material-icons">repeat</i></#if>
+        <i class="material-icons <#if !transaction.isRepeating()>invisible</#if>">repeat</i>
     </td>
 </#macro>
 
@@ -16,7 +16,7 @@
             </div>
         </div>
         <div class="hide-on-large-only">
-            <div class="category-circle-small no-margin" style="background-color: ${transaction.category.color}">
+            <div class="category-circle-small" style="background-color: ${transaction.category.color}">
                 <span style="color: ${transaction.category.getAppropriateTextColor()}">
                     ${transaction.category.name?capitalize[0]}
                 </span>
@@ -28,7 +28,7 @@
 <#macro transactionNameAndDescription transaction>
     <td class="transaction-name">
         <div class="ellipsis">${transaction.name}</div>
-        <div class="hide-on-small-only">
+        <div class="hide-on-med-and-down">
             <#if transaction.description??>
                 <div class="italic">${transaction.description}</div>
             </#if>