diff --git a/library/package.json b/library/package.json
index ff6f9f992..97855912b 100644
--- a/library/package.json
+++ b/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/react-component",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "private": false,
   "description": "A React component for AsyncAPI specification.",
   "repository": {
diff --git a/library/src/containers/AsyncApi/Layout.tsx b/library/src/containers/AsyncApi/Layout.tsx
index 5bf6bac38..3a6a6702f 100644
--- a/library/src/containers/AsyncApi/Layout.tsx
+++ b/library/src/containers/AsyncApi/Layout.tsx
@@ -35,7 +35,7 @@ const AsyncApiLayout: React.FunctionComponent<Props> = ({
         }
 
         const possibleClassName =
-          width <= 1280 ? 'container:xl' : 'container:base';
+          width <= 1536 ? 'container:xl' : 'container:base';
         if (possibleClassName !== observerClassName) {
           setObserverClassName(possibleClassName);
         }
diff --git a/library/src/containers/Sidebar/Sidebar.tsx b/library/src/containers/Sidebar/Sidebar.tsx
index fe313624e..2cf45b6f5 100644
--- a/library/src/containers/Sidebar/Sidebar.tsx
+++ b/library/src/containers/Sidebar/Sidebar.tsx
@@ -348,7 +348,13 @@ const OperationItem: React.FunctionComponent<OperationItemProps> = ({
       config,
       isAsyncAPIv2,
     });
-  const bgColors = ['bg-red-600', 'bg-orange-600', 'bg-green-600'];
+  const bgColors = [
+    'bg-red-600',
+    'bg-orange-600',
+    'bg-green-600',
+    'bg-blue-600',
+  ];
+
   return (
     <li key={`menu-operation-list-${operationHrefId}`}>
       <a
diff --git a/package-lock.json b/package-lock.json
index f8f5e6f37..b6cf939a0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,7 +36,7 @@
     },
     "library": {
       "name": "@asyncapi/react-component",
-      "version": "2.4.0",
+      "version": "2.4.1",
       "license": "Apache-2.0",
       "dependencies": {
         "@asyncapi/avro-schema-parser": "^3.0.24",
@@ -27671,10 +27671,10 @@
     },
     "web-component": {
       "name": "@asyncapi/web-component",
-      "version": "2.4.0",
+      "version": "2.4.1",
       "license": "Apache-2.0",
       "dependencies": {
-        "@asyncapi/react-component": "^2.4.0",
+        "@asyncapi/react-component": "^2.4.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "web-react-components": "^1.4.2"
diff --git a/web-component/package.json b/web-component/package.json
index 6d7b908a0..62b457387 100644
--- a/web-component/package.json
+++ b/web-component/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/web-component",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "private": false,
   "description": "A web component for AsyncAPI specification. Based on @asyncapi/react-component.",
   "repository": {
@@ -44,7 +44,7 @@
     "install:reactcomp": "chmod +x ./bump-react-comp.sh && ./bump-react-comp.sh"
   },
   "dependencies": {
-    "@asyncapi/react-component": "^2.4.0",
+    "@asyncapi/react-component": "^2.4.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "web-react-components": "^1.4.2"