diff --git a/ui/package-lock.json b/ui/package-lock.json
index 10e510ab..4d5a3f54 100644
--- a/ui/package-lock.json
+++ b/ui/package-lock.json
@@ -8,7 +8,7 @@
       "name": "ui",
       "version": "0.0.0",
       "dependencies": {
-        "@cameleer/design-system": "^0.1.15",
+        "@cameleer/design-system": "^0.1.16",
         "@tanstack/react-query": "^5.90.21",
         "openapi-fetch": "^0.17.0",
         "react": "^19.2.4",
@@ -276,9 +276,9 @@
       }
     },
     "node_modules/@cameleer/design-system": {
-      "version": "0.1.15",
-      "resolved": "https://gitea.siegeln.net/api/packages/cameleer/npm/%40cameleer%2Fdesign-system/-/0.1.15/design-system-0.1.15.tgz",
-      "integrity": "sha512-+Lt9uu6jKQ+BsJRWwxwdYR5xdDMiDVxopNOE9kiUwiu1GOjEs1s/jz7rnjXwqsuMb9zOZADwu9MLLpoYeivJpw==",
+      "version": "0.1.16",
+      "resolved": "https://gitea.siegeln.net/api/packages/cameleer/npm/%40cameleer%2Fdesign-system/-/0.1.16/design-system-0.1.16.tgz",
+      "integrity": "sha512-8ahFv2cirfV2ZZUoELl4ac2iSCOCpKQf4MznwJwoe9WJDYgmQf81m4Qi5uY+rQDVGpECI2MnLjPQ00HQLi5ybQ==",
       "dependencies": {
         "react": "^19.0.0",
         "react-dom": "^19.0.0",
diff --git a/ui/package.json b/ui/package.json
index 015ecbe0..f8cd800c 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -14,7 +14,7 @@
     "generate-api:live": "curl -s http://localhost:8081/api/v1/api-docs -o src/api/openapi.json && openapi-typescript src/api/openapi.json -o src/api/schema.d.ts"
   },
   "dependencies": {
-    "@cameleer/design-system": "^0.1.15",
+    "@cameleer/design-system": "^0.1.16",
     "@tanstack/react-query": "^5.90.21",
     "openapi-fetch": "^0.17.0",
     "react": "^19.2.4",
diff --git a/ui/src/pages/AgentHealth/AgentHealth.tsx b/ui/src/pages/AgentHealth/AgentHealth.tsx
index f083f9ca..714c3db0 100644
--- a/ui/src/pages/AgentHealth/AgentHealth.tsx
+++ b/ui/src/pages/AgentHealth/AgentHealth.tsx
@@ -233,7 +233,8 @@ function mapLogLevel(level: string): LogEntry['level'] {
   switch (level?.toUpperCase()) {
     case 'ERROR': return 'error';
     case 'WARN': case 'WARNING': return 'warn';
-    case 'DEBUG': case 'TRACE': return 'debug';
+    case 'DEBUG': return 'debug';
+    case 'TRACE': return 'trace';
     default: return 'info';
   }
 }
diff --git a/ui/src/pages/AgentInstance/AgentInstance.tsx b/ui/src/pages/AgentInstance/AgentInstance.tsx
index c1e89907..71492bbc 100644
--- a/ui/src/pages/AgentInstance/AgentInstance.tsx
+++ b/ui/src/pages/AgentInstance/AgentInstance.tsx
@@ -24,7 +24,8 @@ function mapLogLevel(level: string): LogEntry['level'] {
   switch (level?.toUpperCase()) {
     case 'ERROR': return 'error';
     case 'WARN': case 'WARNING': return 'warn';
-    case 'DEBUG': case 'TRACE': return 'debug';
+    case 'DEBUG': return 'debug';
+    case 'TRACE': return 'trace';
     default: return 'info';
   }
 }
diff --git a/ui/src/pages/ExchangeDetail/ExchangeDetail.tsx b/ui/src/pages/ExchangeDetail/ExchangeDetail.tsx
index b6b864b5..dc1ec76b 100644
--- a/ui/src/pages/ExchangeDetail/ExchangeDetail.tsx
+++ b/ui/src/pages/ExchangeDetail/ExchangeDetail.tsx
@@ -29,7 +29,8 @@ function mapLogLevel(level: string): LogEntry['level'] {
   switch (level?.toUpperCase()) {
     case 'ERROR': return 'error'
     case 'WARN': case 'WARNING': return 'warn'
-    case 'DEBUG': case 'TRACE': return 'debug'
+    case 'DEBUG': return 'debug'
+    case 'TRACE': return 'trace'
     default: return 'info'
   }
 }