diff --git a/plinth/templates/notifications.html b/plinth/templates/notifications.html
index db6e75cf7..56169f3b8 100644
--- a/plinth/templates/notifications.html
+++ b/plinth/templates/notifications.html
@@ -11,7 +11,7 @@
   <div class="notifications dropdown">
     <ul class="dropdown-menu" role="menu">
       {% for note in notifications %}
-        <li class="notification">
+        <li class="notification notification-{{ note.severity }}">
           {% if note.data.app_name %}
             <div class="app-name">
               {% if note.data.app_icon %}
diff --git a/static/themes/default/css/main.css b/static/themes/default/css/main.css
index be8db5614..6808adec3 100644
--- a/static/themes/default/css/main.css
+++ b/static/themes/default/css/main.css
@@ -660,6 +660,7 @@ input[type='submit'].running-status-button {
 .notification {
     padding: 1rem 1.5rem;
     font-size: 15px;
+    border-left: 5px solid;
 }
 
 .notification:not(:first-child) {
@@ -692,10 +693,22 @@ img.notification-icon {
     background-color: #ec971f;
 }
 
-.badge-info, badge-debug {
+.badge-info, .badge-debug {
     background-color: #5bc0de;
 }
 
+.notification-exception, .notification-error {
+    border-left-color: #d9534f;
+}
+
+.notification-warning {
+    border-left-color: #ec971f;
+}
+
+.notification-info, .notification-debug {
+    border-left-color: #5bc0de;
+}
+
 /* Don't collapse notifications on small screens */
 .collapsing .notifications-dropdown,
 .collapse.in .notifications-dropdown {