From 33dbb90c720fceca55a7d3b0420df793a2d233c1 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 1 Aug 2023 18:56:19 +0800
Subject: [PATCH] Improve loading of images on grid

---
 .../web/components/patterns/LibraryCards/LibraryGridCard.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
index e4cb6e32a..684ee6d37 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
@@ -29,7 +29,6 @@ import {
 import { CardMenu } from '../CardMenu'
 import { DotsThree } from 'phosphor-react'
 import { isTouchScreenDevice } from '../../../lib/deviceType'
-import objectToHash from '../../../lib/highlights/objectToHash'
 
 dayjs.extend(relativeTime)
 
@@ -200,9 +199,11 @@ const GridImage = (props: GridImageProps): JSX.Element => {
   ) : (
     <CoverImage
       src={props.src}
-      alt={props.title}
       width="100%"
       height={100}
+      css={{
+        bg: '$thBackground',
+      }}
       onError={(e) => {
         setDisplayFallback(true)
       }}