diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index dd8e7e2c00..d9ccf085d4 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -6391,3 +6391,18 @@ div.markdown {
 		overflow: scroll;
 	}
 }
+
+.modlog-action {
+	display: flex;
+	flex-wrap: wrap;
+	background: var(--gray-600) !important;
+	position: relative;
+	align-items: center;
+	justify-content: space-between;
+	overflow-wrap: anywhere;
+	padding: 1rem 1rem 1rem 1rem;
+}
+
+.modlog-action:not(:first-of-type) {
+	border-top: 1px solid var(--gray-400) !important;
+}
diff --git a/files/templates/log.html b/files/templates/log.html
index aba6d6f7e5..7ee238d3cd 100644
--- a/files/templates/log.html
+++ b/files/templates/log.html
@@ -70,7 +70,7 @@
 
 		<div class="rounded border bg-white mx-auto">
 			{% for ma in actions %}
-				<div id="action-{{ma.id}}" class="{% if ma.unread %}unread{% endif %} position-relative d-flex justify-content-between flex-wrap align-items-center h-min-16 px-3 py-3 bg-white{% if loop.index > 1 %} border-top{% endif %}">
+				<div id="action-{{ma.id}}" class="modlog-action{% if ma.unread %} unread{% endif %}">
 				<div class="d-flex flex-grow-1 align-items-center">
 					<div class="d-flex align-items-center justify-content-center {{ma.color}} mr-3 rounded-lg flex-shrink-0" style="width: 32px;height: 32px;"><i class="far text-center {{ma.icon}} text-lg text-white fa-fw"></i></div>
 					<div class="d-flex align-items-center">