diff --git a/deluge/ui/web/css/deluge.css b/deluge/ui/web/css/deluge.css
index f4a0b1092..d748b2266 100644
--- a/deluge/ui/web/css/deluge.css
+++ b/deluge/ui/web/css/deluge.css
@@ -160,4 +160,13 @@ input {
 .x-deluge-filters .x-deluge-filter {
 	background-repeat: no-repeat;
 	padding-left: 20px;
+}
+
+/* MessageBox icon styles */
+.x-deluge-warning {
+	background: url('/icons/16/warning.png') no-repeat 2px;
+}
+
+.x-deluge-error {
+	background: url('/icons/16/error.png') no-repeat 2px;
 }
\ No newline at end of file
diff --git a/deluge/ui/web/js/deluge-login.js b/deluge/ui/web/js/deluge-login.js
index 59afa17ea..724d24eb9 100644
--- a/deluge/ui/web/js/deluge-login.js
+++ b/deluge/ui/web/js/deluge-login.js
@@ -38,7 +38,7 @@ Deluge.Login = {
                         buttons: Ext.MessageBox.OK,
                         modal: false,
                         icon: Ext.MessageBox.WARNING,
-                        iconCls: '.x-deluge-warning'
+                        iconCls: 'x-deluge-warning'
                     });
                 }
             }