From b010b981a7b3fdeb108e944cb65440bc5bf409dc Mon Sep 17 00:00:00 2001
From: Hieu Vu <vdhieu.it@gmail.com>
Date: Tue, 12 Dec 2023 09:43:31 +0700
Subject: [PATCH] fix: emoji gallery not display full image

---
 components/LandingPage/Gallery.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/LandingPage/Gallery.tsx b/components/LandingPage/Gallery.tsx
index a46e4c3..a98eafb 100644
--- a/components/LandingPage/Gallery.tsx
+++ b/components/LandingPage/Gallery.tsx
@@ -47,11 +47,11 @@ const stickers = [
 export default function Gallery() {
   return (
     <div id="gallery" className="relative bg-white px-5 py-12">
-      <div className="relative z-0 max-w-7xl mx-auto grid grid-cols-5 lg:grid-cols-8 gap-10">
+      <div className="relative z-0 max-w-7xl mx-auto grid grid-cols-5 lg:grid-cols-8 gap-5 lg:gap-10">
         {stickers.map((imgSrc, idx) => (
           <div key={idx} className="inline-flex items-center justify-center">
             <img
-              className="w-14 h-14 lg:w-24 lg:h-24 object-cover"
+              className="w-14 h-14 lg:w-24 lg:h-24 object-contain"
               src={`images/neko-sticker/${imgSrc}`}
               alt=""
             />