diff --git a/packages/backend/src/server/web/cli.css b/packages/backend/src/server/web/cli.css
index 20f4b4910d..460a7b7f31 100644
--- a/packages/backend/src/server/web/cli.css
+++ b/packages/backend/src/server/web/cli.css
@@ -18,7 +18,6 @@ main {
 }
 
 img {
-	height: 45px;
 	border-radius: 10px;
 	margin-right: 10px;
 }
diff --git a/packages/backend/src/server/web/cli.js b/packages/backend/src/server/web/cli.js
index e93622ea26..ca1c233759 100644
--- a/packages/backend/src/server/web/cli.js
+++ b/packages/backend/src/server/web/cli.js
@@ -50,12 +50,22 @@ window.onload = async () => {
 			const avatar = document.createElement("img")
 			name.textContent = `${note.user.name} @${note.user.username}`;
 			avatar.src = note.user.avatarUrl;
+			avatar.style = 'height: 40px'
 			const text = document.createElement("div");
 			text.textContent = `${note.text}`;
 			el.appendChild(header);
 			header.appendChild(avatar);
 			header.appendChild(name);
-			el.appendChild(text);
+			if (note.text) {
+				el.appendChild(text);
+			}
+			if (note.files) {
+				for (const file of note.files) {
+					const img = document.createElement("img");
+					img.src = file.properties.thumbnailUrl;
+					el.appendChild(img)
+				}
+			}
 			tl.appendChild(el);
 		}
 	});