diff --git a/src/pages/Logs.tsx b/src/pages/Logs.tsx
index c5911cb..b653679 100644
--- a/src/pages/Logs.tsx
+++ b/src/pages/Logs.tsx
@@ -34,17 +34,32 @@ export default () => {
 
   const columns: ColumnDef<LogWithSeq>[] = [
     {
-      accessorKey: 'Sequence',
       header: t('sequence'),
       accessorFn: (row) => row.seq,
     },
     {
-      accessorKey: 'Type',
       header: t('type'),
-      accessorFn: (row) => row.type,
+      cell: ({ row }) => {
+        const type = row.original.type
+
+        let className = ''
+
+        switch (type) {
+          case 'error':
+            className = 'text-error'
+            break
+          case 'warning':
+            className = 'text-warning'
+            break
+          case 'info':
+            className = 'text-info'
+            break
+        }
+
+        return <span class={className}>{`[${row.original.type}]`}</span>
+      },
     },
     {
-      accessorKey: 'Payload',
       header: t('payload'),
       accessorFn: (row) => row.payload,
     },
diff --git a/src/types/index.d.ts b/src/types/index.d.ts
index 8e6797b..a9b348f 100644
--- a/src/types/index.d.ts
+++ b/src/types/index.d.ts
@@ -106,7 +106,7 @@ export type Connection = ConnectionRawMessage & {
 }
 
 export type Log = {
-  type: string
+  type: 'error' | 'warning' | 'info' | 'debug' | 'silent'
   payload: string
 }