diff --git a/src/screens/Characters.vue b/src/screens/Characters.vue
index c993017..9071c56 100644
--- a/src/screens/Characters.vue
+++ b/src/screens/Characters.vue
@@ -77,7 +77,18 @@
       <h3 class="m-0 font-medium">Create your character</h3>
     </template>
 
-    <template #modalBody> </template>
+    <template #modalBody>
+      <div class="m-4 character-form">
+        <form method="post" @submit.prevent="create" class="inline">
+          <div class="form-field-full">
+            <label for="name">Name</label>
+            <input class="input-cyan max-w-64" v-model="name" name="name" id="name" />
+          </div>
+          <button class="btn-cyan py-1.5 px-4 mr-5 min-w-24 inline-block" type="submit">CREATE</button>
+        </form>
+        <button class="btn-cyan py-1.5 px-4 min-w-24 inline-block" @click="isModalOpen = false">CANCEL</button>
+      </div>
+    </template>
   </Modal>
 </template>