diff --git a/media.db b/media.db
index 0f26617..f5ca1e3 100644
Binary files a/media.db and b/media.db differ
diff --git a/src/components/video-viewer.tsx b/src/components/video-viewer.tsx
index d2b8dff..f4b2716 100644
--- a/src/components/video-viewer.tsx
+++ b/src/components/video-viewer.tsx
@@ -242,34 +242,7 @@ export default function VideoViewer({
 
           {/* Title overlay */}
           <div className={`absolute top-0 left-0 right-0 bg-gradient-to-b from-black/60 to-transparent p-4 transition-opacity duration-300 ${showControls ? 'opacity-100' : 'opacity-0'}`}>
-            <div className="flex items-center justify-between">
-              <h2 className="text-white text-lg font-semibold">{getVideoTitle()}</h2>
-              {(showBookmarks || showRatings) && (
-                <div className="flex items-center gap-4">
-                  {showBookmarks && (
-                    <button
-                      onClick={isBookmarked ? handleUnbookmark : handleBookmark}
-                      className="flex items-center gap-1 text-white hover:text-yellow-400 transition-colors"
-                    >
-                      <Bookmark className={`h-4 w-4 ${isBookmarked ? 'fill-yellow-400 text-yellow-400' : ''}`} />
-                    </button>
-                  )}
-                  {showRatings && (
-                    <div className="flex gap-1">
-                      {[1, 2, 3, 4, 5].map((rating) => (
-                        <button
-                          key={rating}
-                          onClick={() => handleRate(rating)}
-                          className="text-white hover:text-yellow-400 transition-colors"
-                        >
-                          <Star className={`h-4 w-4 ${rating <= Math.round(getAvgRating()) ? 'fill-yellow-400 text-yellow-400' : ''}`} />
-                        </button>
-                      ))}
-                    </div>
-                  )}
-                </div>
-              )}
-            </div>
+            <h2 className="text-white text-lg font-semibold">{getVideoTitle()}</h2>
           </div>
 
           {/* Controls overlay */}
@@ -290,6 +263,41 @@ export default function VideoViewer({
               </div>
             </div>
 
+            {/* Video Info Bar (similar to photo viewer) */}
+            <div className="bg-black/70 backdrop-blur-sm rounded-lg p-4 mb-2">
+              <div className="flex items-center justify-between">
+                <div>
+                  <h3 className="text-white font-medium">{getVideoTitle()}</h3>
+                  <p className="text-gray-300 text-sm">{getVideoSize()}</p>
+                </div>
+                {(showBookmarks || showRatings) && (
+                  <div className="flex items-center gap-4">
+                    {showBookmarks && (
+                      <button
+                        onClick={isBookmarked ? handleUnbookmark : handleBookmark}
+                        className="flex items-center gap-1 text-white hover:text-yellow-400 transition-colors"
+                      >
+                        <Bookmark className={`h-4 w-4 ${isBookmarked ? 'fill-yellow-400 text-yellow-400' : ''}`} />
+                      </button>
+                    )}
+                    {showRatings && (
+                      <div className="flex gap-1">
+                        {[1, 2, 3, 4, 5].map((rating) => (
+                          <button
+                            key={rating}
+                            onClick={() => handleRate(rating)}
+                            className="text-white hover:text-yellow-400 transition-colors"
+                          >
+                            <Star className={`h-4 w-4 ${rating <= Math.round(getAvgRating()) ? 'fill-yellow-400 text-yellow-400' : ''}`} />
+                          </button>
+                        ))}
+                      </div>
+                    )}
+                  </div>
+                )}
+              </div>
+            </div>
+
             {/* Control buttons */}
             <div className="flex items-center justify-between">
               <div className="flex items-center gap-4">