From 1f2c4bfb099c759e1dd4c43dbdc468e2e2d0df98 Mon Sep 17 00:00:00 2001
From: yurytut1993 <yurii.zusik@bigcommerce.com>
Date: Thu, 20 Jun 2024 00:22:51 +0300
Subject: [PATCH] update media queries for wishlist items

---
 .../_components/wishlist-content/wishlist-book.tsx     | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/core/app/[locale]/(default)/account/[tab]/_components/wishlist-content/wishlist-book.tsx b/core/app/[locale]/(default)/account/[tab]/_components/wishlist-content/wishlist-book.tsx
index 3b483f176..8401a2ee3 100644
--- a/core/app/[locale]/(default)/account/[tab]/_components/wishlist-content/wishlist-book.tsx
+++ b/core/app/[locale]/(default)/account/[tab]/_components/wishlist-content/wishlist-book.tsx
@@ -46,14 +46,14 @@ const QuantityDisplay = ({ itemsLength }: WishlistItems) => {
   return (
     <>
       {smItems > 0 && (
-        <div className="list-item w-40 md:!hidden">
-          <div className="flex h-40 w-full items-center justify-center bg-gray-200 font-semibold text-gray-500">
+        <div className="list-item w-32 sm:w-40 md:!hidden">
+          <div className="flex h-32 w-full items-center justify-center bg-gray-200 font-semibold text-gray-500 sm:h-40">
             +{smItems}
           </div>
         </div>
       )}
       {mdItems > 0 && (
-        <div className="hidden w-36 w-36 md:list-item lg:hidden">
+        <div className="hidden w-36 md:list-item lg:hidden">
           <div className="flex h-36 w-full items-center justify-center bg-gray-200 font-semibold text-gray-500">
             +{mdItems}
           </div>
@@ -100,9 +100,9 @@ const Wishlist = ({ onDeleteWishlist, wishlist: { items, entityId, name } }: Wis
                   const defaultImage = product.images.find(({ isDefault }) => isDefault);
 
                   return (
-                    <li className="w-40 md:w-36" key={productId}>
+                    <li className="w-32 sm:w-40 md:w-36" key={productId}>
                       <Link className="mb-2 flex" href={product.path}>
-                        <div className="h-40 w-full md:h-36">
+                        <div className="h-32 w-full sm:h-40 md:h-36">
                           {defaultImage ? (
                             <BcImage
                               alt={defaultImage.altText}