food items items-center

src/components/listview/MenuItem.tsx

@@ -74,7 +74,7 @@ const MenuItem = ({ food }: MenuItemProps) => {
   };
 
   return (
-    <div className="flex gap-4 w-full h-full">
+    <div className="flex gap-4 w-full h-full items-center">
       <Image
         className="rounded-xl w-28 h-28 object-cover"
         src={resolvedImage}
@@ -93,7 +93,7 @@ const MenuItem = ({ food }: MenuItemProps) => {
             </div>
           )}
         </div>
-        <div className="inline-flex gap-2 justify-between w-full items-center">
+        <div className="inline-flex mt-2 gap-2 justify-between w-full items-center">
           <span className="w-full text-sm mt-1" dir="ltr">
             {formattedPrice} T
           </span>