diff --git a/web/pgadmin/static/js/alerts/alertify_wrapper.js b/web/pgadmin/static/js/alerts/alertify_wrapper.js
index c47091ee8..d3e7ed642 100644
--- a/web/pgadmin/static/js/alerts/alertify_wrapper.js
+++ b/web/pgadmin/static/js/alerts/alertify_wrapper.js
@@ -7,7 +7,7 @@ define([
       var alertMessage = '\
       <div class="media font-green-3 text-14">\
         <div class="media-body media-middle">\
-          <div class="alert-icon">\
+          <div class="alert-icon success-icon">\
             <i class="fa fa-check" aria-hidden="true"></i>\
           </div>\
             <div class="alert-text">' + message + '</div>\
@@ -21,7 +21,7 @@ define([
       var alertMessage = '\
       <div class="media font-red-3 text-14">\
         <div class="media-body media-middle">\
-          <div class="alert-icon">\
+          <div class="alert-icon error-icon">\
             <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>\
           </div>\
             <div class="alert-text">' + message + '</div>\
diff --git a/web/pgadmin/static/scss/_alert.scss b/web/pgadmin/static/scss/_alert.scss
index ea25d31c7..ebffb6503 100644
--- a/web/pgadmin/static/scss/_alert.scss
+++ b/web/pgadmin/static/scss/_alert.scss
@@ -10,7 +10,7 @@ category: alerts
   <div class="alert alert-success text-14 alert-box">
     <div class="media">
       <div class="media-body media-middle">
-        <div class="alert-icon">
+        <div class="alert-icon success-icon">
           <i class="fa fa-check" aria-hidden="true"></i>
         </div>
         <div class="alert-text">
@@ -25,7 +25,7 @@ category: alerts
   <div class="alert alert-danger font-red text-14 alert-box">
     <div class="media">
       <div class="media-body media-middle">
-        <div class="alert-icon">
+        <div class="alert-icon error-icon">
           <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
         </div>
         <div class="alert-text">
@@ -100,6 +100,19 @@ category: alerts
 
 .alert-icon {
   display: inline-block;
+  color: white;
+  padding: 15px;
+  width: 50px;
+  height: 50px;
+  font-size: 14px;
+}
+
+.success-icon {
+  background: #3a773a;
+}
+
+.error-icon {
+  background: #d0021b;
 }
 
 .alert-text {
diff --git a/web/pgadmin/static/scss/_alertify.overrides.scss b/web/pgadmin/static/scss/_alertify.overrides.scss
index b4460644d..48d9d55b2 100644
--- a/web/pgadmin/static/scss/_alertify.overrides.scss
+++ b/web/pgadmin/static/scss/_alertify.overrides.scss
@@ -126,6 +126,7 @@
 /* Restyling alertify query results messages */
 .alertify-notifier.ajs-right .ajs-message.ajs-visible {
   right: 0;
+  padding: 0;
 }
 
 .alertify-notifier .ajs-message {