diff --git a/library/src/containers/Sidebar/Sidebar.tsx b/library/src/containers/Sidebar/Sidebar.tsx
index 6e1eeaefc..abdc54581 100644
--- a/library/src/containers/Sidebar/Sidebar.tsx
+++ b/library/src/containers/Sidebar/Sidebar.tsx
@@ -344,7 +344,7 @@ const OperationItem: React.FunctionComponent<OperationItemProps> = ({
       config,
       isAsyncAPIv2,
     });
-
+  const bgColors = ['bg-red-600', 'bg-orange-600', 'bg-green-600'];
   return (
     <li key={`menu-operation-list-${operationHrefId}`}>
       <a
@@ -353,7 +353,7 @@ const OperationItem: React.FunctionComponent<OperationItemProps> = ({
         onClick={() => setShowSidebar(false)}
       >
         <span
-          className={`${backgroundColor} font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs`}
+          className={`font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs ${bgColors.includes(backgroundColor) && backgroundColor}`}
           title={typeLabel}
         >
           {typeLabel}