diff --git a/gui/dark/assets/css/theme.css b/gui/dark/assets/css/theme.css
index 4bb8e7bc..15087aee 100644
--- a/gui/dark/assets/css/theme.css
+++ b/gui/dark/assets/css/theme.css
@@ -101,6 +101,10 @@ li.hidden-xs:hover, .navbar-link:hover, .navbar-link:focus {
     fill: #aaa;
 }
 
+.panel-warning .identicon rect {
+    fill: #222;
+}
+
 .panel-heading:hover, .panel-heading:focus {
     text-decoration: none;
 }
diff --git a/gui/default/assets/css/overrides.css b/gui/default/assets/css/overrides.css
index 9cd9c826..ed828952 100644
--- a/gui/default/assets/css/overrides.css
+++ b/gui/default/assets/css/overrides.css
@@ -201,7 +201,7 @@ identicon {
     line-height: 1;
 }
 
-h4 identicon{
+h3 identicon, h4 identicon{
     margin-top: 0.125em;
     margin-bottom: 0.125em;
 }
diff --git a/gui/default/assets/css/theme.css b/gui/default/assets/css/theme.css
index c2d041ff..7576a715 100644
--- a/gui/default/assets/css/theme.css
+++ b/gui/default/assets/css/theme.css
@@ -15,6 +15,10 @@
     fill: #333;
 }
 
+.panel-warning .identicon rect {
+    fill: #fff;
+}
+
 .li-column {
     background-color: rgb(236, 240, 241);
     border-radius: 3px;
diff --git a/gui/default/index.html b/gui/default/index.html
index ace7b437..2d9c3dbd 100644
--- a/gui/default/index.html
+++ b/gui/default/index.html
@@ -135,7 +135,7 @@
         <div class="panel panel-warning">
           <div class="panel-heading">
             <h3 class="panel-title">
-              <identicon data-value="device"></identicon>
+              <identicon class="panel-icon" data-value="device"></identicon>
               <span translate>New Device</span>
               <span class="pull-right">{{ event.time | date:"yyyy-MM-dd HH:mm:ss" }}</span>
             </h3>