From b09635064ab949c2b254767dde00e9dd13762d49 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Wed, 4 Mar 2026 18:27:02 +0100
Subject: [PATCH] fix: assets having unreasonable widths and heights

---
 .../src/components/editor/panels/assets/draggable-item.tsx    | 2 +-
 apps/web/src/components/editor/panels/assets/views/assets.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/editor/panels/assets/draggable-item.tsx b/apps/web/src/components/editor/panels/assets/draggable-item.tsx
index be4176ce..fae74e84 100644
--- a/apps/web/src/components/editor/panels/assets/draggable-item.tsx
+++ b/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(
diff --git a/apps/web/src/components/editor/panels/assets/views/assets.tsx b/apps/web/src/components/editor/panels/assets/views/assets.tsx
index 4e7ce5f6..3b35c022 100644
--- a/apps/web/src/components/editor/panels/assets/views/assets.tsx
+++ b/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) => (