--- a/mail/themes/osx/mail/preferences/applications.css
+++ b/mail/themes/osx/mail/preferences/applications.css
@@ -60,17 +60,19 @@ menuitem[appHandlerIcon="save"] {
  */
 .cloudfileAccount[state="connecting"],
 .cloudfileAccount[state="waiting-to-connect"] {
   list-style-image: url("chrome://global/skin/icons/loading.png") !important;
 }
 
 .cloudfileAccount[state="auth-error"],
 .cloudfileAccount[state="no-connection"] {
-  list-style-image: url("chrome://global/skin/icons/error-16.png") !important;
+  list-style-image: url("chrome://global/skin/icons/error.svg") !important;
+  -moz-context-properties: fill;
+  fill: #d70022;
 }
 
 .cloudfileAccount .typeIcon {
   max-height: 16px;
   max-width: 16px;
   margin-top: 3px;
   margin-bottom: 3px;
 }

--- a/mail/themes/windows/mail/preferences/applications.css
+++ b/mail/themes/windows/mail/preferences/applications.css
@@ -58,17 +58,19 @@ menuitem[appHandlerIcon="save"] {
 
 .cloudfileAccount[state="connecting"],
 .cloudfileAccount[state="waiting-to-connect"] {
   list-style-image: url("chrome://global/skin/icons/loading.png") !important;
 }
 
 .cloudfileAccount[state="auth-error"],
 .cloudfileAccount[state="no-connection"] {
-  list-style-image: url("chrome://global/skin/icons/error-16.png") !important;
+  list-style-image: url("chrome://global/skin/icons/error.svg") !important;
+  -moz-context-properties: fill;
+  fill: #d70022;
 }
 
 .cloudfileAccount .typeIcon {
   max-height: 16px;
   max-width: 16px;
   margin-top: 3px;
   margin-bottom: 3px;
 }