diff --git a/adminui/frontend/package-lock.json b/adminui/frontend/package-lock.json
index cd316b5a..9f65dc78 100644
--- a/adminui/frontend/package-lock.json
+++ b/adminui/frontend/package-lock.json
@@ -17,7 +17,7 @@
         "axios": "^1.7.7",
         "pinia": "^2.2.2",
         "vue": "^3.5.4",
-        "vue-multiselect": "^3.3.1",
+        "vue-multiselect": "^3.5.0",
         "vue-router": "^4.4.4",
         "vue-toastification": "^2.0.0-rc.5"
       },
@@ -7439,9 +7439,9 @@
       }
     },
     "node_modules/vue-multiselect": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/vue-multiselect/-/vue-multiselect-3.4.0.tgz",
-      "integrity": "sha512-NtaL1/VOsGsvM+H0EZswy1E+RcA5yeCpCxrhT28CBwKu9D1WbMSXBfIDNDw0v+T4enVRfOD5X7u2gyIJWCFX9w==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/vue-multiselect/-/vue-multiselect-3.5.0.tgz",
+      "integrity": "sha512-i758SEqWFcFshL1eAg0F3EFeFQ1mOCmh2mgnGCZv1XpHFVIAv8fxo8bQQ4ZnMoaPhMp8KI1A6gPBVHh3YzRg/Q==",
       "license": "MIT",
       "engines": {
         "node": ">= 14.18.1",
diff --git a/adminui/frontend/package.json b/adminui/frontend/package.json
index 78f08d45..7c9a9f74 100644
--- a/adminui/frontend/package.json
+++ b/adminui/frontend/package.json
@@ -23,7 +23,7 @@
     "axios": "^1.7.7",
     "pinia": "^2.2.2",
     "vue": "^3.5.4",
-    "vue-multiselect": "^3.3.1",
+    "vue-multiselect": "^3.5.0",
     "vue-router": "^4.4.4",
     "vue-toastification": "^2.0.0-rc.5"
   },
diff --git a/adminui/frontend/src/components/Webhook.vue b/adminui/frontend/src/components/Webhook.vue
index 48f5c218..77e73a9d 100644
--- a/adminui/frontend/src/components/Webhook.vue
+++ b/adminui/frontend/src/components/Webhook.vue
@@ -23,6 +23,8 @@ import {
   type WebhookJsonAttributesRoles
 } from '@/api'
 
+import Multiselect from 'vue-multiselect'
+
 const toast = useToast()
 const { catcher } = useToastError()
 
@@ -343,8 +345,10 @@ async function createWebhookTrigger() {
           <div v-if="incommingAttributes.error == ''" class="overflow-y-scroll max-h-[130px]">
             <table class="table overflow-scroll">
               <thead>
-                <td>Attribute</td>
-                <td>Value</td>
+                <tr>
+                  <th>Attribute</th>
+                  <th>Value</th>
+                </tr>
               </thead>
               <tbody>
                 <tr class="hover" v-for="attribute in filteredAttributes" :key="attribute.key">
@@ -378,6 +382,7 @@ async function createWebhookTrigger() {
             <div>
               <label class="typo__label">{{ attribute.friendlyName }}</label>
 
+            
               <Multiselect
                 v-model="attribute.data.value"
                 :options="incommingAttributes.attributes"