diff --git a/templates/web/prod/Tooltip/Story.html.twig b/templates/web/prod/Tooltip/Story.html.twig
new file mode 100644
index 0000000000..f99af6c494
--- /dev/null
+++ b/templates/web/prod/Tooltip/Story.html.twig
@@ -0,0 +1,27 @@
+{% import 'common/thumbnail.html' as thumbnail %}
+<div style="margin:5px;width:280px;height:300px;position:relative;">
+  <div>
+    <span style="font-weight:bold;font-size:14px;">
+      {{ Story.get_title() }}
+    </span>
+  </div>
+  <div style="margin:5px 0">
+    {{ Story.get_description()|nl2br }}
+  </div>
+  <div style="margin:5px 0;text-align:right;font-style:italic;position:relative;">
+    {% set nb_records = Story.get_children().get_elements()|length %}
+    {% set date = Story.get_modification_date()|prettyString %}
+    {% trans %}
+      {{ nb_records }} records
+    {% endtrans %}
+     - {{ date }}
+  <hr/>
+  <div style="position:relative;float:left;width:270px;">
+    {% for element in Story.get_children().get_elements() %}
+      {% if loop.index <= 9 %}
+        <div style="margin:5px;position:relative;float:left;width:80px;height:80px;overflow:hidden;">
+          {{ thumbnail.format(element.get_thumbnail(), 80, 80 , '', session) }}
+        </div>
+      {% endif %}
+    {% endfor %}
+  </div>
\ No newline at end of file