diff --git a/src/components/nodes/VideoStitchNode.tsx b/src/components/nodes/VideoStitchNode.tsx
index 9ae54545..6bb1d2f0 100644
--- a/src/components/nodes/VideoStitchNode.tsx
+++ b/src/components/nodes/VideoStitchNode.tsx
@@ -76,7 +76,7 @@ export function VideoStitchNode({ id, data, selected }: NodeProps<VideoStitchNod
       let videoData: string | null = null;
       let duration: number | null = null;
 
-      if (sourceNode.type === "generateVideo" || sourceNode.type === "easeCurve" || sourceNode.type === "videoStitch") {
+      if (sourceNode.type === "generateVideo" || sourceNode.type === "easeCurve" || sourceNode.type === "videoStitch" || sourceNode.type === "videoTrim") {
         videoData = (sourceNode.data as any).outputVideo || null;
       }
 
@@ -168,8 +168,10 @@ export function VideoStitchNode({ id, data, selected }: NodeProps<VideoStitchNod
           if (cancelled) return;
 
           const canvas = document.createElement("canvas");
-          canvas.width = 160;
-          canvas.height = 120;
+          const thumbWidth = 160;
+          const aspectRatio = video.videoWidth / video.videoHeight || 16 / 9;
+          canvas.width = thumbWidth;
+          canvas.height = Math.round(thumbWidth / aspectRatio);
           const ctx = canvas.getContext("2d");
           if (!ctx) continue;
 
@@ -462,7 +464,7 @@ export function VideoStitchNode({ id, data, selected }: NodeProps<VideoStitchNod
                         <img
                           src={thumbnail}
                           alt={`Clip ${clip.edgeId}`}
-                          className="w-full h-full object-cover rounded"
+                          className="w-full h-full object-contain rounded"
                         />
                       ) : (
                         <div className="w-full h-full flex items-center justify-center">