[Bug] Fix ReadableTime overlapping message text in Firefox(#219)

app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss

@@ -320,7 +320,6 @@
       font-size: $font-size-micro;
       font-style: italic;
       margin-left: $space-slab;
-      position: absolute;
       right: -$space-micro;
       text-align: right;
     }

app/javascript/dashboard/components/widgets/conversation/bubble/Text.vue

@@ -1,15 +1,12 @@
 <template>
   <span class="message-text__wrap">
-    <span v-html="message" class="message-text"></span>
-    <span class="time">{{readableTime}}</span>
+    <span class="time">{{ readableTime }}</span>
+    <span v-html="message"></span>
   </span>
 </template>
 
 <script>
 export default {
-  props: [
-    'message',
-    'readableTime',
-  ],
+  props: ['message', 'readableTime'],
 };
 </script>