fix: assets having unreasonable widths and heights

apps/web/src/components/editor/panels/assets/draggable-item.tsx

@@ -98,7 +98,7 @@ export function DraggableItem({
 			{variant === "card" ? (
 				<div
 					ref={dragRef}
-					className={cn("group relative", containerClassName ?? "size-28")}
+					className={cn("group relative", containerClassName ?? "w-28")}
 				>
 					<div
 						className={cn(

apps/web/src/components/editor/panels/assets/views/assets.tsx

@@ -317,9 +317,9 @@ function MediaItemList({
 
 	return (
 		<div
-			className={cn(isGrid ? "grid gap-2" : "flex flex-col gap-1")}
+			className={cn(isGrid ? "grid gap-4" : "flex flex-col gap-1")}
 			style={
-				isGrid ? { gridTemplateColumns: "repeat(auto-fill, 160px)" } : undefined
+				isGrid ? { gridTemplateColumns: "repeat(auto-fill, 7rem)" } : undefined
 			}
 		>
 			{items.map((item) => (