diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/instances/loggers/logger-control.vue b/spring-boot-admin-server-ui/src/main/frontend/views/instances/loggers/logger-control.vue
index 9c07f6eba18..57c9e49c5b3 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/instances/loggers/logger-control.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/instances/loggers/logger-control.vue
@@ -88,16 +88,17 @@ export default {
     cssClass(level) {
       return {
         'logger-control__level--inherited': !this.hasConfiguredLevel(level),
-        'is-active is-danger':
+        'is-active is-extra-light':
           level === 'TRACE' && this.hasEffectiveLevel('TRACE'),
-        'is-active is-warning':
+        'is-active is-info':
           level === 'DEBUG' && this.hasEffectiveLevel('DEBUG'),
-        'is-active is-info': level === 'INFO' && this.hasEffectiveLevel('INFO'),
         'is-active is-success':
+          level === 'INFO' && this.hasEffectiveLevel('INFO'),
+        'is-active is-warning':
           level === 'WARN' && this.hasEffectiveLevel('WARN'),
-        'is-active is-light':
+        'is-active is-danger':
           level === 'ERROR' && this.hasEffectiveLevel('ERROR'),
-        'is-active is-extra-light':
+        'is-active is-light':
           level === 'FATAL' && this.hasEffectiveLevel('FATAL'),
         'is-active is-black': level === 'OFF' && this.hasEffectiveLevel('OFF'),
         'is-loading': this.getStatusForLevel(level) === 'executing',