diff --git a/src/client/dd-hub-react/src/api/document-service.ts b/src/client/dd-hub-react/src/api/document-service.ts
index 342039b..624891d 100644
--- a/src/client/dd-hub-react/src/api/document-service.ts
+++ b/src/client/dd-hub-react/src/api/document-service.ts
@@ -16,6 +16,17 @@ export class Doc {
     changedWhen?: Date;
     changedWho?: string;
 
+    getChangedInfo(separator: string = " | "): string | null {
+        const who = this.changedWho?.trim();
+        const when = this.changedWhen?.toLocaleDateString('de-DE');
+
+        if (!who && !when) {
+            return null;
+        }
+
+        return [who, when].filter(Boolean).join(separator);
+    }
+
     get extension(): string | undefined {
         const parts = this.name.split('.');
         if (parts.length > 1 && parts[parts.length - 1].trim() !== '') {
diff --git a/src/client/dd-hub-react/src/sections/document/doc-item.tsx b/src/client/dd-hub-react/src/sections/document/doc-item.tsx
index 0fb9d99..d84e1b8 100644
--- a/src/client/dd-hub-react/src/sections/document/doc-item.tsx
+++ b/src/client/dd-hub-react/src/sections/document/doc-item.tsx
@@ -43,7 +43,7 @@ export function DocItem({
     //     />
     // );
     //#endregion
-    
+
     const renderTitle = (
         <Link
             color="inherit"
@@ -77,9 +77,8 @@ export function DocItem({
             }}
         >
             {[
-                { data: doc.addedWho, icon: 'gridicons:add' },
-                { data: doc.changedWho, icon: 'material-symbols:change-circle-rounded' },
-                { data: doc.changedWhen?.toLocaleDateString('de-DE'), icon: 'material-symbols:change-circle-rounded' },
+                { data: doc.addedWho, icon: 'mdi:user' },
+                { data: doc.getChangedInfo(', '), icon: 'material-symbols:change-circle-rounded' }
             ].filter(info => info.data).map((info, _index) => (
                 <Box
                     key={_index}