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) => (