diff --git a/src/pages/Logs.vue b/src/pages/Logs.vue
index 79d82d94..a14be95a 100644
--- a/src/pages/Logs.vue
+++ b/src/pages/Logs.vue
@@ -115,9 +115,19 @@ onUnmounted(() => {
       <template v-for="(log, index) in paginatedResults">
         <v-divider v-if="index > 0" />
 
-        <v-list-item :class="getLogTypeClassName(log)">
-          <v-list-item-title>{{ log.id }}) {{ log.message }}</v-list-item-title>
-          <v-list-item-subtitle>{{ getLogTypeName(log) }} | {{ formatLogTimestamp(log) }}</v-list-item-subtitle>
+        <v-list-item :class="getLogTypeClassName(log)" class="pa-0">
+          <v-expansion-panels class="p-0">
+            <v-expansion-panel class="pa-0">
+              <v-expansion-panel-title>
+                <template v-slot:default>
+                  <v-list-item-title>[{{ log.id }}] {{ log.message }}</v-list-item-title>
+                  <v-spacer />
+                  <v-list-item-subtitle>{{ getLogTypeName(log) }} | {{ formatLogTimestamp(log) }}</v-list-item-subtitle>
+                </template>
+              </v-expansion-panel-title>
+              <v-expansion-panel-text>{{ log.message }}</v-expansion-panel-text>
+            </v-expansion-panel>
+          </v-expansion-panels>
         </v-list-item>
       </template>