diff --git a/resources/js/components/AddressMetadata/FormField.vue b/resources/js/components/AddressMetadata/FormField.vue
index 414eb3c..1a1c707 100644
--- a/resources/js/components/AddressMetadata/FormField.vue
+++ b/resources/js/components/AddressMetadata/FormField.vue
@@ -1,21 +1,19 @@
 <template>
-    <div :class="{ invisible: field.invisible }">
-        <default-field :field="field">
-            <template slot="field">
-                <input :id="field.name" type="text"
-                    :disabled="field.disabled"
-                    class="w-full form-control form-input form-input-bordered"
-                    :class="errorClasses"
-                    :placeholder="field.name"
-                    v-model="value"
-                />
+    <default-field :field="field" v-show="field.invisible !== true">
+        <template slot="field">
+            <input :id="field.name" type="text"
+                :disabled="field.disabled"
+                class="w-full form-control form-input form-input-bordered"
+                :class="errorClasses"
+                :placeholder="field.name"
+                v-model="value"
+            />
 
-                <p v-if="hasError" class="help-text error-text mt-2 text-danger">
-                    {{ firstError }}
-                </p>
-            </template>
-        </default-field>
-    </div>
+            <p v-if="hasError" class="help-text error-text mt-2 text-danger">
+                {{ firstError }}
+            </p>
+        </template>
+    </default-field>
 </template>
 
 <script>
@@ -90,10 +88,3 @@ export default {
     }
 }
 </script>
-
-<style>
-    .invisible {
-        visibility: hidden;
-        position: absolute;
-    }
-</style>