diff --git a/frontend/webapp/package.json b/frontend/webapp/package.json
index 8fd8feaf7..1344ab571 100644
--- a/frontend/webapp/package.json
+++ b/frontend/webapp/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@focus-reactive/react-yaml": "^1.1.2",
-    "@keyval-dev/design-system": "^2.1.0",
+    "@keyval-dev/design-system": "^2.3.1",
     "@next/font": "^13.4.7",
     "@reduxjs/toolkit": "^2.2.1",
     "@svgr/webpack": "^6.2.1",
diff --git a/frontend/webapp/utils/constants/programming.languages.ts b/frontend/webapp/utils/constants/programming.languages.ts
index 6e04d0f3b..8da32678f 100644
--- a/frontend/webapp/utils/constants/programming.languages.ts
+++ b/frontend/webapp/utils/constants/programming.languages.ts
@@ -16,6 +16,7 @@ export enum WORKLOAD_PROGRAMMING_LANGUAGES {
   PROCESSING = 'processing', // language detection is not yet complotted, data is not available
   NO_CONTAINERS = 'no containers', // language detection completed but no containers found or they are ignored
   NO_RUNNING_PODS = 'no running pods', // no running pods are available for language detection
+  NGINX = 'nginx',
 }
 
 export const LANGUAGES_LOGOS: Record<WORKLOAD_PROGRAMMING_LANGUAGES, string> = {
@@ -29,6 +30,7 @@ export const LANGUAGES_LOGOS: Record<WORKLOAD_PROGRAMMING_LANGUAGES, string> = {
   [WORKLOAD_PROGRAMMING_LANGUAGES.PROCESSING]: `${BASE_URL}default.svg`, // TODO: good icon
   [WORKLOAD_PROGRAMMING_LANGUAGES.NO_CONTAINERS]: `${BASE_URL}default.svg`, // TODO: good icon
   [WORKLOAD_PROGRAMMING_LANGUAGES.NO_RUNNING_PODS]: `${BASE_URL}default.svg`, // TODO: good icon
+  [WORKLOAD_PROGRAMMING_LANGUAGES.NGINX]: `${BASE_URL}nginx.svg`,
 };
 
 export const LANGUAGES_COLORS: Record<WORKLOAD_PROGRAMMING_LANGUAGES, string> =
@@ -43,6 +45,7 @@ export const LANGUAGES_COLORS: Record<WORKLOAD_PROGRAMMING_LANGUAGES, string> =
     [WORKLOAD_PROGRAMMING_LANGUAGES.PROCESSING]: '#3367d9',
     [WORKLOAD_PROGRAMMING_LANGUAGES.NO_CONTAINERS]: '#111111',
     [WORKLOAD_PROGRAMMING_LANGUAGES.NO_RUNNING_PODS]: '#666666',
+    [WORKLOAD_PROGRAMMING_LANGUAGES.NGINX]: '#009237',
   };
 
 export const getMainContainerLanguage = (
diff --git a/frontend/webapp/yarn.lock b/frontend/webapp/yarn.lock
index 1ac752a77..d50006ec1 100644
--- a/frontend/webapp/yarn.lock
+++ b/frontend/webapp/yarn.lock
@@ -1482,10 +1482,10 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
-"@keyval-dev/design-system@^2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@keyval-dev/design-system/-/design-system-2.1.0.tgz#9b7b35449d7843e4ff06c81716dab1e447e0b8fb"
-  integrity sha512-JmCdW63WAzpBOnDZFgjzwrQaaKoONjuNAR0r8fLxPXc7vYTjnDmgPLqdo4t5Ha8GLCSSvgf+cNvQW/KfPJptDw==
+"@keyval-dev/design-system@^2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@keyval-dev/design-system/-/design-system-2.3.1.tgz#d679fdb7f97848e7cd58e17a0efc1589443dba81"
+  integrity sha512-mePVh+Nu5+lb3uGc2ukT/8KM5I65BlQ5rACVkAOK9CGDqoAm55lcPXXpKH6BYXYTRcsd+6VtoD2okzpAjkck8g==
   dependencies:
     "@focus-reactive/react-yaml" "^1.1.2"
     "@svgr/core" "^8.0.0"