diff --git a/Client/src/Components/HttpStatusLabel/index.jsx b/Client/src/Components/HttpStatusLabel/index.jsx
index 96033807b..18db3590d 100644
--- a/Client/src/Components/HttpStatusLabel/index.jsx
+++ b/Client/src/Components/HttpStatusLabel/index.jsx
@@ -10,7 +10,7 @@ import { BaseLabel } from "../Label";
  * @returns {JSX.Element}
  * @example
  * // Render a http status label
- * <HttpStatusLabel status="404" />
+ * <HttpStatusLabel status={404} />
  */
 
 const getRoundedStatusCode = (status) => {
diff --git a/Client/src/Components/Label/index.jsx b/Client/src/Components/Label/index.jsx
index 156210c47..f7686a8e0 100644
--- a/Client/src/Components/Label/index.jsx
+++ b/Client/src/Components/Label/index.jsx
@@ -145,16 +145,6 @@ const StatusLabel = ({ status, text, customStyles }) => {
 			bgColor: theme.palette.warning.bg,
 			borderColor: theme.palette.warning.light,
 		},
-		400: {
-			dotColor: theme.palette.warning.main,
-			bgColor: theme.palette.warning.bg,
-			borderColor: theme.palette.warning.light,
-		},
-		500: {
-			dotColor: theme.palette.warning.main,
-			bgColor: theme.palette.warning.bg,
-			borderColor: theme.palette.warning.light,
-		},
 		"cannot resolve": {
 			dotColor: theme.palette.unresolved.main,
 			bgColor: theme.palette.unresolved.bg,
@@ -163,7 +153,7 @@ const StatusLabel = ({ status, text, customStyles }) => {
 	};
 
 	// Look up the color for the status
-	const { borderColor, bgColor, dotColor } = colors[status] || colors["cannot resolve"];
+	const { borderColor, bgColor, dotColor } = colors[status];
 
 	return (
 		<BaseLabel