From b8cc534f2b2fddb74a59e3501797a3a33a1b5ea0 Mon Sep 17 00:00:00 2001
From: ZeroWave022 <36341766+ZeroWave022@users.noreply.github.com>
Date: Mon, 26 Aug 2024 16:28:09 +0200
Subject: [PATCH] fix: Keep at least two columns on storage page above xs size

---
 src/app/[locale]/(default)/storage/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/[locale]/(default)/storage/page.tsx b/src/app/[locale]/(default)/storage/page.tsx
index e8a9c3df..26128df5 100644
--- a/src/app/[locale]/(default)/storage/page.tsx
+++ b/src/app/[locale]/(default)/storage/page.tsx
@@ -107,7 +107,7 @@ export default function StoragePage({
           contentClassName='w-full lg:w-[200px]'
         />
       </div>
-      <div className='grid grid-cols-1 gap-3 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4'>
+      <div className='grid grid-cols-1 xs:grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-4'>
         {items
           .slice((page - 1) * itemsPerPage, page * itemsPerPage)
           .map((item) => (
@@ -131,7 +131,7 @@ export default function StoragePage({
                 </CardDescription>
               </CardHeader>
               <CardFooter className='justify-center gap-2'>
-                <span className='whitespace-nowrap text-sm'>
+                <span className='text-sm'>
                   {t('card.quantityInfo', { quantity: item.quantity })}
                 </span>
                 <Button className='whitespace-break-spaces'>