diff --git a/app/assets/javascripts/transactions.js b/app/assets/javascripts/transactions.js
index da4ab98..caf325f 100644
--- a/app/assets/javascripts/transactions.js
+++ b/app/assets/javascripts/transactions.js
@@ -16,11 +16,11 @@ ready = function() {
     autoWidth: false,
     responsive: true,
     columns: [
-      { data: 'time',    name: 'Time',    width: "15%", className: 'min-tablet-l'},
-      { data: 'amount',  name: 'Amount',  width: "10%", className: 'min-mobile'},
-      { data: 'peer',    name: 'Peer',    width: "15%", className: 'min-mobile'},
-      { data: 'issuer',  name: 'Issuer',  width: "15%", className: 'min-desktop'},
-      { data: 'message', name: 'Message', width: "45%", className: 'min-tablet-p'}
+      { data: 'time',    name: 'Time',    width: "15%", className: 'min-tablet-l date-column'},
+      { data: 'amount',  name: 'Amount',  width: "10%", className: 'min-mobile   amount-column'},
+      { data: 'peer',    name: 'Peer',    width: "15%", className: 'min-mobile   peer-column'},
+      { data: 'issuer',  name: 'Issuer',  width: "15%", className: 'min-desktop  issuer-column'},
+      { data: 'message', name: 'Message', width: "45%", className: 'min-tablet-p message-column'}
     ],
     columnDefs: [
     {
diff --git a/app/assets/stylesheets/transactions.css.scss b/app/assets/stylesheets/transactions.css.scss
new file mode 100644
index 0000000..aba1fcc
--- /dev/null
+++ b/app/assets/stylesheets/transactions.css.scss
@@ -0,0 +1,26 @@
+
+// Alignment of datatable columns.
+.date-column,
+.amount-column {
+  text-align: right;
+}
+
+.peer-column,
+.issuer-column {
+  text-align: center;
+}
+
+.message-column {
+  text-align: left;
+}
+
+// Dates aren't that important
+td.date-column {
+  color: #BBB;
+}
+
+// Love them euro signs
+td.amount-column:before {
+  content: '€';
+}
+