diff --git a/src/css/ext6-pmx.css b/src/css/ext6-pmx.css
index 2ffd2a8..e2c30c9 100644
--- a/src/css/ext6-pmx.css
+++ b/src/css/ext6-pmx.css
@@ -113,7 +113,10 @@
     color: #3892d4;
 }
 
-.pwt-eol-icon {
+.eol-notice a:visited {
+    color: inherit;
+}
+.eol-notice > i.fa {
     position: relative;
     float: left;
     margin-right: 5px;
diff --git a/src/panel/EOLNotice.js b/src/panel/EOLNotice.js
index f384bb0..43119d1 100644
--- a/src/panel/EOLNotice.js
+++ b/src/panel/EOLNotice.js
@@ -3,6 +3,7 @@ Ext.define('Proxmox.EOLNotice', {
     extend: 'Ext.Component',
     alias: 'widget.proxmoxEOLNotice',
 
+    userCls: 'eol-notice',
     padding: '0 5',
 
     config: {
@@ -24,7 +25,7 @@ Ext.define('Proxmox.EOLNotice', {
 	let message = Ext.String.format(
 	    gettext('Support for {0} {1} ends on {2}'), me.product, me.version, me.eolDate);
 
-	me.html = `<i class="fa pwt-eol-icon fa-exclamation-triangle"></i>
+	me.html = `<i class="fa fa-exclamation-triangle"></i>
 	    <a href="${href}" target="_blank">${message} <i class="fa fa-external-link"></i></a>
 	`;