diff --git a/static/style.css b/static/style.css
index 610ecbf..c313c80 100644
--- a/static/style.css
+++ b/static/style.css
@@ -173,6 +173,17 @@
 	font-size: 13pt;
 }
 
+.notification-container {
+	margin: 0 -4px 12px -4px;
+	padding: 4px;
+	border-left: 4px solid transparent;
+}
+
+.notification-container.favourite .status-container,
+.notification-container.reblog .status-container {
+	opacity: 0.6;
+}
+
 .notification-info-text span {
 	vertical-align: middle;
 }
diff --git a/templates/notification.tmpl b/templates/notification.tmpl
index 61353f5..567bcf0 100644
--- a/templates/notification.tmpl
+++ b/templates/notification.tmpl
@@ -17,7 +17,7 @@
 </div>
 
 {{range .Notifications}}
-<div class="status-container-container {{if .Pleroma}}{{if not .Pleroma.IsSeen}}unread{{end}}{{end}}">
+<div class="notification-container {{.Type}} {{if .Pleroma}}{{if not .Pleroma.IsSeen}}unread{{end}}{{end}}">
 	{{if eq .Type "follow"}}
 	<div class="notification-follow-container">
 		<div class="status-profile-img-container">