diff --git a/src/components/JoinMicrocosm.vue b/src/components/JoinMicrocosm.vue
index da2df08b0670c811f2f5ebdf29321b5d84966206..c6bcde36fce461e855d3fd430a36a9bd1a602667 100644
--- a/src/components/JoinMicrocosm.vue
+++ b/src/components/JoinMicrocosm.vue
@@ -10,18 +10,17 @@
     </p>
     <div class="breaker-one">
       <label for="name">Your Name: {{ nameFormatted }}</label>
-      <FocusTrap>
-        <input
-          v-model.trim="name"
-          type="text"
-          id="name"
-          ref="name"
-          placeholder="type name here!"
-          autocorrect="off"
-          autocapitalize="none"
-          required
-        />
-      </FocusTrap>
+
+      <input
+        v-model.trim="name"
+        type="text"
+        id="name"
+        ref="name"
+        placeholder="type name here!"
+        autocorrect="off"
+        autocapitalize="none"
+        required
+      />
     </div>
     <h2>Next start or join a <span class="long">microcosm !</span> 🚀</h2>
 
@@ -115,12 +114,9 @@
 </template>
 
 <script>
-
 export default {
   name: 'JoinMicrocosm',
 
-
-
   data: function () {
     return {
       // what you are calling yourself / device