diff --git a/dashboard/src/views/EventlogView.vue b/dashboard/src/views/EventlogView.vue
index 9953b2093..667bc0521 100644
--- a/dashboard/src/views/EventlogView.vue
+++ b/dashboard/src/views/EventlogView.vue
@@ -632,18 +632,20 @@ onMounted(async () => {
           <th>{{ $t('eventlog.details') }}</th>
         </tr>
       </thead>
-      <tbody v-for="eventlog in eventlogs" :key="eventlog.id">
-        <tr @click="onEventLogDetails(eventlog.id)" class="hand">
-          <td><span v-tooltip="prettyLongDate(eventlog.raw.creationTime)" class="arrow">{{ prettyDate(eventlog.raw.creationTime) }}</span></td>
-          <td>{{ eventlog.source }}</td>
-          <td v-html="eventlog.details"></td>
-        </tr>
-        <tr v-show="activeId === eventlog.id">
-          <td colspan="4">
-            <p v-show="eventlog.raw.source.ip">Source IP: <code>{{ eventlog.raw.source.ip }}</code></p>
-            <pre class="eventlog-details">{{ JSON.stringify(eventlog.raw.data, null, 4) }}</pre>
-          </td>
-        </tr>
+      <tbody>
+        <template v-for="eventlog in eventlogs" :key="eventlog.id">
+          <tr @click="onEventLogDetails(eventlog.id)" class="hand" >
+            <td style="white-space: nowrap;"><span v-tooltip="prettyLongDate(eventlog.raw.creationTime)" class="arrow">{{ prettyDate(eventlog.raw.creationTime) }}</span></td>
+            <td>{{ eventlog.source }}</td>
+            <td v-html="eventlog.details"></td>
+          </tr>
+          <tr v-show="activeId === eventlog.id">
+            <td colspan="4">
+              <p v-show="eventlog.raw.source.ip">Source IP: <code>{{ eventlog.raw.source.ip }}</code></p>
+              <pre class="eventlog-details">{{ JSON.stringify(eventlog.raw.data, null, 4) }}</pre>
+            </td>
+          </tr>
+        </template>
       </tbody>
     </table>
   </div>