diff --git a/public/assets/images/no-image.png b/public/assets/images/no-image.png
new file mode 100644
index 0000000..4027b93
Binary files /dev/null and b/public/assets/images/no-image.png differ
diff --git a/src/components/listview/MenuItem.tsx b/src/components/listview/MenuItem.tsx
index 85e01f1..f5d6f12 100644
--- a/src/components/listview/MenuItem.tsx
+++ b/src/components/listview/MenuItem.tsx
@@ -27,7 +27,7 @@ const MenuItem = ({ food }: MenuItemProps) => {
     return 0;
   }, [items, food.id]);
 
-  const fallbackImage = "/assets/images/food-preview.png";
+  const fallbackImage = "/assets/images/no-image.png";
   const resolvedImage = useMemo(() => {
     if (food.image) return food.image;
     if (Array.isArray(food.images) && food.images.length > 0) {
@@ -99,7 +99,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 object-cover"
+          className="rounded-xl bg-[#F2F2F9] min-w-28 w-28 object-cover"
           src={resolvedImage}
           height={112}
           width={112}