diff --git a/packages/nc-gui-v2/components/webhook/Editor.vue b/packages/nc-gui-v2/components/webhook/Editor.vue
index f3875c50fc..dd6be9ac10 100644
--- a/packages/nc-gui-v2/components/webhook/Editor.vue
+++ b/packages/nc-gui-v2/components/webhook/Editor.vue
@@ -294,13 +294,25 @@ onMounted(() => {
               v-model:value="formState.channels"
               size="large"
               :options="teamsChannels"
-              placeholder="Select Microsoft Teams  channels"
+              placeholder="Select Microsoft Teams channels"
+              :filter-option="filterOption"
+            />
+          </a-form-item>
+        </a-col>
+      </a-row>
+      <a-row v-if="formState.notification.type === 'Discord'" type="flex">
+        <a-col :span="24">
+          <a-form-item v-bind="validateInfos['notification.channels']">
+            <a-auto-complete
+              v-model:value="formState.channels"
+              size="large"
+              :options="discordChannels"
+              placeholder="Select Discord channels"
               :filter-option="filterOption"
             />
           </a-form-item>
         </a-col>
       </a-row>
-      <a-row v-if="formState.notification.type === 'Discord'" class="mb-5" type="flex"> TODO: Discord </a-row>
       <a-row v-if="formState.notification.type === 'Mattermost'" class="mb-5" type="flex"> TODO: Mattermost </a-row>
       <a-row v-if="formInput[formState.notification.type] && notification" class="mb-5" type="flex">
         <a-col v-for="(input, i) in formInput[formState.notification.type]" :key="i" :span="24">
@@ -356,4 +368,4 @@ onMounted(() => {
       </div>
     </a-form-item>
   </a-form>
-</template>
+</template>
\ No newline at end of file