Tooltip text overflow and new lines

src/components/dialogs/WorldDialog/WorldDialog.vue

@@ -593,7 +593,7 @@
                                             {{ timeInLab }}
                                         </span>
                                     </template>
-                                    <ArrowDown />
+                                    <ChevronDown class="inline-block" />
                                 </TooltipWrapper>
                                 <span class="extra">
                                     {{ formatDateFilter(worldDialog.ref.publicationDate, 'long') }}
@@ -697,8 +697,8 @@
 <script setup>
     import {
         Apple,
-        ArrowDown,
         Check,
+        ChevronDown,
         Copy,
         Download,
         Ellipsis,

src/components/ui/tooltip/TooltipWrapper.vue

@@ -36,9 +36,15 @@
         <TooltipTrigger :as-child="triggerAsChild" v-bind="attrs">
             <slot />
         </TooltipTrigger>
-        <TooltipContent v-if="hasContent" :side="side" :align="align" :side-offset="sideOffset" :class="contentClass">
+        <TooltipContent
+            v-if="hasContent"
+            :side="side"
+            :align="align"
+            :side-offset="sideOffset"
+            :class="contentClass"
+            class="max-w-screen">
             <slot name="content">
-                <span v-if="content !== undefined">{{ content }}</span>
+                <span v-if="content !== undefined" class="whitespace-pre-wrap">{{ content }}</span>
             </slot>
         </TooltipContent>
     </Tooltip>