diff --git a/aleksis/core/templates/core/crud_events.html b/aleksis/core/templates/core/crud_events.html
new file mode 100644
index 0000000000000000000000000000000000000000..30c4ec464f29a8e99d7b6dd72c0bc824a9e9825f
--- /dev/null
+++ b/aleksis/core/templates/core/crud_events.html
@@ -0,0 +1,49 @@
+{% load i18n %}
+
+<ul class="collection">
+  {% for event in obj.crud_events %}
+    {% if no_m2m and event.event_type == event.M2M_CHANGE or event.event_type == event.M2M_CHANGE_REV %}
+    {% else %}
+      <li class="collection-item">
+        {% if event.event_type == event.CREATE %}
+          {% blocktrans with person=event.user.person %}
+            Created by {{ person }}
+          {% endblocktrans %}
+        {% elif event.event_type == event.UPDATE %}
+          {% blocktrans with person=event.user.person %}
+            Updated by {{ person }}
+          {% endblocktrans %}
+        {% elif event.event_type == event.DELETE %}
+          {% blocktrans with person=event.user.person %}
+            Deleted by {{ person }}
+          {% endblocktrans %}
+        {% elif event.event_type == event.M2M_CHANGE %}
+          {% blocktrans with person=event.user.person %}
+            Updated by {{ person }}
+          {% endblocktrans %}
+        {% elif event.event_type == event.M2M_CHANGE_REV %}
+          {% blocktrans with person=event.user.person %}
+            Updated by {{ person }}
+          {% endblocktrans %}
+        {% endif %}
+
+        <div class="left" style="margin-right: 10px;">
+          {% if event.event_type == event.CREATE %}
+            <i class="material-icons">add_circle</i>
+          {% elif event.event_type == event.UPDATE %}
+            <i class="material-icons">edit</i>
+          {% elif event.event_type == event.DELETE %}
+            <i class="material-icons">delete</i>
+          {% elif event.event_type == event.M2M_CHANGE %}
+            <i class="material-icons">edit</i>
+          {% elif event.event_type == event.M2M_CHANGE_REV %}
+            <i class="material-icons">edit</i>
+          {% endif %}
+        </div>
+        <div class="right">
+          {{ event.datetime }}
+        </div>
+      </li>
+    {% endif %}
+  {% endfor %}
+</ul>
diff --git a/aleksis/core/templates/core/crud_events_ul.html b/aleksis/core/templates/core/crud_events_ul.html
deleted file mode 100644
index 504112f1775ddabb6300536cf026b1edf447364a..0000000000000000000000000000000000000000
--- a/aleksis/core/templates/core/crud_events_ul.html
+++ /dev/null
@@ -1,24 +0,0 @@
-{# FIXME Migrate to materialize #}
-<ul class="{{ class_ul }}">
-  {% for event in obj.crud_events %}
-    <li class="{{ class_li }}">
-      <div>
-        <p>{{ event.user.person.full_name }}</p>
-        <small>({{ event.datetime }})</small>
-      </div>
-      <span class="badge badge-light text-dark">
-        {% if event.event_type == event.CREATE %}
-          <span class="mdi mdi-plus"></span>
-        {% elif event.event_type == event.UPDATE %}
-          <span class="mdi mdi-pencil"></span>
-        {% elif event.event_type == event.DELETE %}
-          <span class="mdi mdi-delete"></span>
-        {% elif event.event_type == event.M2M_CHANGE %}
-          <span class="mdi mdi-pencil"></span>
-        {% elif event.event_type == event.M2M_CHANGE_REV %}
-          <span class="mdi mdi-pencil"></span>
-        {% endif %}
-      </span>
-    </li>
-  {% endfor %}
-</ul>