diff --git a/admin/renderer.php b/admin/renderer.php
index edf26aea270..d3a130127f6 100644
--- a/admin/renderer.php
+++ b/admin/renderer.php
@@ -799,7 +799,7 @@ class core_admin_renderer extends plugin_renderer_base {
     }
 
     /**
-     * Helper method to render the information about the available update
+     * Helper method to render the information about the available plugin update
      *
      * The passed objects always provides at least the 'version' property containing
      * the (higher) version of the plugin available.
@@ -808,9 +808,7 @@ class core_admin_renderer extends plugin_renderer_base {
      */
     protected function plugin_available_update_info(available_update_info $updateinfo) {
 
-        $box  = $this->output->box_start('pluginupdateinfo');
-        $box .= html_writer::tag('div', get_string('updateavailable', 'core_plugin', $updateinfo->version), array('class' => 'version'));
-
+        $boxclasses = 'pluginupdateinfo';
         $info = array();
 
         if (isset($updateinfo->release)) {
@@ -821,6 +819,7 @@ class core_admin_renderer extends plugin_renderer_base {
         if (isset($updateinfo->maturity)) {
             $info[] = html_writer::tag('span', get_string('maturity'.$updateinfo->maturity, 'core_admin'),
                 array('class' => 'info maturity'));
+            $boxclasses .= ' maturity'.$updateinfo->maturity;
         }
 
         if (isset($updateinfo->download)) {
@@ -832,7 +831,9 @@ class core_admin_renderer extends plugin_renderer_base {
                 array('class' => 'info more'));
         }
 
-        $box .= $this->output->box(implode(html_writer::tag('span', ' ', array('class' => 'separator')), $info), '', 'infobox');
+        $box  = $this->output->box_start($boxclasses);
+        $box .= html_writer::tag('div', get_string('updateavailable', 'core_plugin', $updateinfo->version), array('class' => 'version'));
+        $box .= $this->output->box(implode(html_writer::tag('span', ' ', array('class' => 'separator')), $info), '');
         $box .= $this->output->box_end();
 
         return $box;
diff --git a/theme/base/style/admin.css b/theme/base/style/admin.css
index 857a5999ae0..c367b845bc9 100644
--- a/theme/base/style/admin.css
+++ b/theme/base/style/admin.css
@@ -219,6 +219,9 @@
 #page-admin-plugins #plugins-overview-panel .separator {border-left:1px dotted #999;}
 #page-admin-plugins #plugins-overview-panel .info.updatable {margin-left:10px;background-color:#d2ebff;font-weight:bold;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
 #page-admin-plugins #plugins-control-panel .notes .pluginupdateinfo {padding:5px 10px;margin:10px;background-color:#d2ebff;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
+#page-admin-plugins #plugins-control-panel .notes .pluginupdateinfo.maturity50 {background-color:#ffd3d9;}
+#page-admin-plugins #plugins-control-panel .notes .pluginupdateinfo.maturity100,
+#page-admin-plugins #plugins-control-panel .notes .pluginupdateinfo.maturity150 {background-color:#f3f2aa;}
 #page-admin-plugins #plugins-control-panel .notes .pluginupdateinfo span,
 #page-admin-plugins #plugins-control-panel .notes .pluginupdateinfo a {padding-right:1em;}
 #page-admin-plugins #plugins-control-panel .notes .pluginupdateinfo .separator {border-left:1px dotted #333;}