diff --git a/nummi/history/templatetags/history_extras.py b/nummi/history/templatetags/history_extras.py
index 56b01c4..5289f5d 100644
--- a/nummi/history/templatetags/history_extras.py
+++ b/nummi/history/templatetags/history_extras.py
@@ -30,9 +30,11 @@ def empty_calendar_cells_end(n):
 @register.simple_tag
 def up_down_icon(val):
     if val > 0:
-        return remix("arrow-up-s")
+        return remix("arrow-up-s", "green w")
     elif val < 0:
-        return remix("arrow-down-s")
+        return remix("arrow-down-s", "red w")
+
+    return ""
 
 
 @register.simple_tag
diff --git a/nummi/main/static/main/css/main.css b/nummi/main/static/main/css/main.css
index d094d26..f950aef 100644
--- a/nummi/main/static/main/css/main.css
+++ b/nummi/main/static/main/css/main.css
@@ -219,6 +219,21 @@ footer {
 }
 [class^="ri-"] {
   font-weight: normal;
+
+  &.green,
+  &.red {
+    color: white;
+    &.green {
+      background: var(--green);
+    }
+    &.red {
+      background: var(--red);
+    }
+    border-radius: var(--radius);
+    height: 1.5rem;
+    width: 1.5rem;
+    line-height: 1.5rem;
+  }
 }
 
 h1,