diff --git a/resources/assets/js/components/TagInput.vue b/resources/assets/js/components/TagInput.vue
index 379ba6c..a2c1ff3 100644
--- a/resources/assets/js/components/TagInput.vue
+++ b/resources/assets/js/components/TagInput.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="form-control h-auto" @click="$refs.input.focus()">
+    <div :class="containerClass" @click="$refs.input.focus()">
         <input :name="name" type="hidden" :value="tagValue">
         <ul class="list-inline d-inline">
             <li v-for="(tag, i) in tags"
@@ -51,6 +51,14 @@
             this.tags.splice(index, 1);
         }
 
+        get containerClass(): object {
+            return {
+                "form-control": true,
+                "h-auto": true,
+                "is-invalid": this.isInvalid
+            };
+        }
+
         get tagValue(): string {
             return this.tags.join(" ");
         }