diff --git a/src/components/notifications/Discord.vue b/src/components/notifications/Discord.vue
index 261cf36c..7b8e91ba 100644
--- a/src/components/notifications/Discord.vue
+++ b/src/components/notifications/Discord.vue
@@ -1,11 +1,10 @@
 <template>
     <div class="mb-3">
         <label for="discord-webhook-url" class="form-label">{{ $t("Discord Webhook URL") }}</label>
-        <input
+        <HiddenInput
             id="discord-webhook-url"
             v-model="$parent.notification.discordWebhookUrl"
             type="text"
-            class="form-control"
             required
             autocomplete="false"
         />
@@ -144,11 +143,13 @@
     </div>
 </template>
 <script>
+import HiddenInput from "../HiddenInput.vue";
 import TemplatedTextarea from "../TemplatedTextarea.vue";
 
 export default {
     components: {
         TemplatedTextarea,
+        HiddenInput,
     },
     mounted() {
         if (!this.$parent.notification.discordChannelType) {
diff --git a/src/components/notifications/Fluxer.vue b/src/components/notifications/Fluxer.vue
index f2ddafda..ab22aa67 100644
--- a/src/components/notifications/Fluxer.vue
+++ b/src/components/notifications/Fluxer.vue
@@ -5,7 +5,6 @@
             id="fluxer-webhook-url"
             v-model="$parent.notification.fluxerWebhookUrl"
             type="url"
-            class="form-control"
             required
             autocomplete="false"
         />