fix text

src/components/IntroBlock.vue

@@ -152,6 +152,7 @@ const removeAudio = () => {
 
 .show-editor-block {
   cursor: pointer;
+  overflow-wrap: anywhere;
 }
 
 .hr {

src/components/PlaceBlock.vue

@@ -267,7 +267,7 @@ const bottomApplications = computed<Application[]>(() => {
           <img :src="props.place?.image" class="message-image" />
         </div>
       </div>
-      {{ props.place?.text }}
+      <span>{{ props.place?.text }}</span>
     </div>
 
     <div v-for="door in props.place?.doors" v-bind:key="door.code" class="door-block">
@@ -705,9 +705,11 @@ const bottomApplications = computed<Application[]>(() => {
 
 .show-editor-block {
   cursor: pointer;
+  overflow-wrap: anywhere;
 }
 
 .message-content {
+  display: flow-root;
   font-weight: 500;
   white-space: pre-wrap;
 }

src/components/QuestionBlock.vue

@@ -120,6 +120,7 @@ const updateMode = (mode: string) => {
 
 .show-editor-block {
   cursor: pointer;
+  overflow-wrap: anywhere;
 }
 
 .hr {