diff --git a/views/bootstrap/class.Bootstrap.php b/views/bootstrap/class.Bootstrap.php
index a816f90ff..ae5228d2c 100644
--- a/views/bootstrap/class.Bootstrap.php
+++ b/views/bootstrap/class.Bootstrap.php
@@ -717,7 +717,7 @@ background-image: linear-gradient(to bottom, #882222, #111111);;
 			$content .= '>';
 			$content .= $menuitem['label'];
 			if(!empty($menuitem['badge']))
-				$content .= '<span class="badge'.($menuitem['badge'] > 0 ? ' badge-info' : '').' badge-right">'.$menuitem['badge']."</span>";
+				$content .= '<span class="badge'.(isset($menuitem['badge-type']) ? ' badge-'.$menuitem['badge-type'] : ($menuitem['badge'] > 0 ? ' badge-info' : '')).' badge-right">'.$menuitem['badge']."</span>";
 			$content .= '    </a>'."\n";
 			$content .= "  </li>\n";
 		}
diff --git a/views/bootstrap4/class.Bootstrap4.php b/views/bootstrap4/class.Bootstrap4.php
index 7cf96474c..1bdd4e5cd 100644
--- a/views/bootstrap4/class.Bootstrap4.php
+++ b/views/bootstrap4/class.Bootstrap4.php
@@ -651,7 +651,7 @@ background-image: linear-gradient(to bottom, #882222, #111111);;
 			$content .= $menuitem['label'];
 			$content .= '    </a>'."\n";
 			if(!empty($menuitem['badge']))
-				$content .= '<span class="badge'.($menuitem['badge'] > 0 ? ' badge-primary' : ' badge-secondary').' badge-pill">'.$menuitem['badge']."</span>";
+				$content .= '<span class="badge'.(isset($menuitem['badge-type']) ? ' badge-'.$menuitem['badge-type'] : ($menuitem['badge'] > 0 ? ' badge-primary' : ' badge-secondary')).' badge-pill">'.$menuitem['badge']."</span>";
 			$content .= "  </li>\n";
 		}