menu item fix bug design

src/components/listview/MenuItem.tsx

@@ -83,7 +83,7 @@ const MenuItem = ({ food }: MenuItemProps) => {
     <div className="flex gap-4 w-full h-full items-center">
       <Link href={foodDetailUrl} className="cursor-pointer">
         <Image
-          className="rounded-xl min-w-28 w-28 h-28 object-cover"
+          className="rounded-xl min-w-28 w-28 object-cover"
           src={resolvedImage}
           height={112}
           width={112}

src/components/listview/MenuItemRenderer.tsx

@@ -10,7 +10,7 @@ function MenuItemRendererComponent({ children, ...rest }: Props) {
   return (
     <div
       {...rest}
-      className={`${rest.className} box-shadow-normal transition-all duration-200 ease-out w-full min-h-36 bg-container rounded-3xl px-4 flex items-center justify-between gap-4`}>
+      className={`${rest.className} box-shadow-normal !pb-2 py-2 transition-all duration-200 ease-out w-full bg-container rounded-3xl px-4  flex items-center justify-between gap-4`}>
 
       {children}
     </div>