diff --git a/frontend/src/components/Layout/ListItem.tsx b/frontend/src/components/Layout/ListItem.tsx
index aa62ea9..fd93adb 100644
--- a/frontend/src/components/Layout/ListItem.tsx
+++ b/frontend/src/components/Layout/ListItem.tsx
@@ -90,7 +90,7 @@ const UserListItem: React.FC<UserListItemProps> = ({ title, username, isLive, on
 						e.currentTarget.onerror = null;
 					}}
 					alt={`user ${username}`}
-					className="rounded-xl border-[0.15em] border-[var(--bg-color)] cursor-pointer"
+					className="rounded-xl border-[0.15em] border-[var(--bg-color)] aspect-video cursor-pointer"
 					style={{ backgroundColor: 'white' }}
 				/>
 				<button className="text-[calc((2vw+2vh)/2)] font-bold hover:underline w-full py-2">{title}</button>
@@ -134,7 +134,7 @@ const VodListItem: React.FC<VodListItemProps> = ({
 					<img src={thumbnail} alt={title} className="absolute top-0 left-0 w-full h-full object-cover" />
 
 					{/* Duration badge */}
-					<div className="absolute bottom-2 right-2 bg-black/80 text-white px-2 py-1 text-xs rounded">{length}</div>
+					{length && <div className="absolute bottom-2 right-2 bg-black/80 text-white px-2 py-1 text-xs rounded">{length}</div>}
 				</div>
 
 				<div className="p-3">
@@ -142,8 +142,8 @@ const VodListItem: React.FC<VodListItemProps> = ({
 					{variant != "vodDashboard" && <p className="text-sm text-gray-300">{username}</p>}
 					<p className="text-sm text-gray-400">{category_name}</p>
 					<div className="flex justify-between items-center mt-2">
-						<p className="text-xs text-gray-500">{datetime}</p>
-						<p className="text-xs text-gray-500">{views} views</p>
+						{datetime && <p className="text-xs text-gray-500">{datetime}</p>}
+						{/* <p className="text-xs text-gray-500">{views} views</p> */}
 					</div>
 				</div>
 			</div>
diff --git a/frontend/src/components/Layout/ListRow.tsx b/frontend/src/components/Layout/ListRow.tsx
index b30a4e4..9bb3111 100644
--- a/frontend/src/components/Layout/ListRow.tsx
+++ b/frontend/src/components/Layout/ListRow.tsx
@@ -50,12 +50,6 @@ const ListRow = forwardRef<ListRowRef, ListRowProps>((props, ref) => {
 	const scrollAmount = window.innerWidth * 0.4;
 	const navigate = useNavigate();
 
-	const handleVodClick = (item: VodType) => {
-		if (type === "vod" && "username" in item && "vod_id" in item) {
-			navigate(`/stream/${item.username}/vods/${item.vod_id}`); // ✅ Directly navigate
-		}
-	};
-
 	const addMoreItems = (newItems: ItemType[]) => {
 		setCurrentItems((prevItems) => [...prevItems, ...newItems]);
 	};
@@ -175,6 +169,7 @@ const ListRow = forwardRef<ListRowRef, ListRowProps>((props, ref) => {
 										/>
 									);
 								} else if (type === "vod" && isVodType(item)) {
+									console.log(item);
 									return (
 										<VodListItem
 											key={`vod-${item.vod_id}`}
diff --git a/frontend/src/pages/ResultsPage.tsx b/frontend/src/pages/ResultsPage.tsx
index 2b38afd..cb711f4 100644
--- a/frontend/src/pages/ResultsPage.tsx
+++ b/frontend/src/pages/ResultsPage.tsx
@@ -106,11 +106,10 @@ const ResultsPage: React.FC = () => {
 						variant="search"
 						type="vod"
 						items={searchState.searchResults.vods.map((vod: any) => ({
-							id: vod.vod_id,
+							vod_id: vod.vod_id,
 							type: "vod",
 							title: vod.title,
-							username: vod.username,
-							thumbnail: vod.thumbnail_url,
+							username: vod.username
 						}))}
 						title="VODs"
 						onItemClick={(username, vod_id) => navigate(`/vods/${username}/${vod_id}`)}