From 3ea10f8b49391663c263b90ba563570d1a625b7c Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Tue, 17 Mar 2026 11:36:20 +1300
Subject: [PATCH] Update VideoThumbnail.svelte

---
 .../src/lib/components/thumbnail/VideoThumbnail.svelte       | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/materialious/src/lib/components/thumbnail/VideoThumbnail.svelte b/materialious/src/lib/components/thumbnail/VideoThumbnail.svelte
index dedaab13..ff13eece 100644
--- a/materialious/src/lib/components/thumbnail/VideoThumbnail.svelte
+++ b/materialious/src/lib/components/thumbnail/VideoThumbnail.svelte
@@ -22,6 +22,7 @@
 	import Share from '../Share.svelte';
 	import { deleteWatchHistoryItem, saveWatchHistory } from '$lib/api';
 	import type { ThumbnailVideo } from '$lib/thumbnail';
+	import { truncate } from '$lib/misc';
 
 	interface Props {
 		video: ThumbnailVideo;
@@ -332,10 +333,10 @@
 									class:author={!sideways}
 									href={resolve(`/channel/[authorId]`, { authorId: video.authorId })}
 									data-sveltekit-preload-data="off"
-									>{video.author}
+									>{truncate(video.author, 20)}
 								</a>
 							{:else}
-								<p>{video.author}</p>
+								<p>{truncate(video.author, 20)}</p>
 							{/if}
 
 							{#if 'promotedBy' in video && video.promotedBy === 'favourited'}