diff --git a/src/components/Display/DisplayDatetime.vue b/src/components/Display/DisplayDatetime.vue
index dbf240a83b..e48fd5515e 100644
--- a/src/components/Display/DisplayDatetime.vue
+++ b/src/components/Display/DisplayDatetime.vue
@@ -51,7 +51,12 @@ const display = computed(() => {
 </script>
 
 <template>
-  <span v-b-tooltip.body class="display-datetime d-inline-flex align-items-center" :title="title" aria-label="datetime">
+  <span
+    v-b-tooltip.body
+    class="display-datetime d-inline-flex align-items-center flex-wrap"
+    :title="title"
+    aria-label="datetime"
+  >
     <slot v-bind="{ display }">
       {{ display }}
     </slot>