From e4ae4a7e64f1f3aceea4a5d3ccef000565ff0bdb Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 8 Mar 2023 17:58:23 +0800
Subject: [PATCH] Allow wider grid cards on smaller screens so there isnt a
 huge amount of margin

---
 .../web/components/patterns/LibraryCards/LibraryGridCard.tsx  | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
index 4257a470e..ebeb189e8 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
@@ -73,6 +73,10 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
         borderStyle: 'solid',
         borderColor: '$thBorderColor',
         cursor: 'pointer',
+        '@smDown': {
+          m: '15px',
+          width: 'calc(100% - 30px)',
+        },
       }}
       alignment="start"
       distribution="start"