diff --git a/media.db b/media.db
index f623fbb..ccdadbb 100644
Binary files a/media.db and b/media.db differ
diff --git a/src/app/folder-viewer/page.tsx b/src/app/folder-viewer/page.tsx
index 58b9776..d1272d5 100644
--- a/src/app/folder-viewer/page.tsx
+++ b/src/app/folder-viewer/page.tsx
@@ -396,7 +396,7 @@ const FolderViewerPage = () => {
                           </div>
                         </div>
                       ) : isMediaFile(item) ? (
-                        <div className="relative w-full h-full">
+                        <div className={`relative overflow-hidden ${item.type === 'video' ? 'aspect-video' : 'aspect-[4/3]'}`}>
                           <img
                             src={item.thumbnail || (item.type === 'video' ? '/placeholder-video.svg' : '/placeholder-photo.svg')}
                             alt={item.name}
diff --git a/src/lib/scanner.ts b/src/lib/scanner.ts
index c714dd1..cd12e55 100644
--- a/src/lib/scanner.ts
+++ b/src/lib/scanner.ts
@@ -16,7 +16,7 @@ const generateVideoThumbnail = (videoPath: string, thumbnailPath: string) => {
         count: 1,
         folder: path.dirname(thumbnailPath),
         filename: path.basename(thumbnailPath),
-        size: "320x240",
+        size: "320x?", // Maintain aspect ratio, width 320px
         timemarks: ["10%"]
       });
   });