diff --git a/Websites/jefes-nextjs/app/menu/Appetizers/page.tsx b/Websites/jefes-nextjs/app/menu/Appetizers/page.tsx
index 77aa6a9..40b6833 100644
--- a/Websites/jefes-nextjs/app/menu/Appetizers/page.tsx
+++ b/Websites/jefes-nextjs/app/menu/Appetizers/page.tsx
@@ -6,8 +6,8 @@ import { Button } from "@/components/ui/button";
 
 const Appetizers = () => {
   return (
-    <div className="flex flex-col lg:w-[1480px] md:w-[800px]">
-      <div className="text-4xl flex flex-row text-black antialiased font-bold font-sans items-center justify-center">
+    <div className="flex flex-col w-full">
+      <div className="text-4xl flex flex-row text-black antialiased font-bold items-center justify-center">
         <Image
           src="/gun01.svg"
           alt="gun icon for decor"
@@ -25,12 +25,12 @@ const Appetizers = () => {
         />
       </div>
 
-      <div className="bg-red-300 flex flex-wrap flex-row gap-12 pt-6 justify-between">
+      <div className="bg-red-300 flex flex-wrap gap-8 pt-6 justify-between w-full">
         {Menu.map((menu_item) => {
           return (
             <div
               key={menu_item.id}
-              className="flex flex-col flex-wrap bg-blue-300 h-[452px] w-[325px] rounded-lg shadow-xl"
+              className="flex flex-col flex-grow bg-blue-300 h-[452px] w-[325px] rounded-lg shadow-xl drop-shadow-xl"
             >
               <div className="h-[55%] relative w-full overflow-hidden">
                 <Image
@@ -42,7 +42,7 @@ const Appetizers = () => {
                   className="rounded-t-lg"
                 />
               </div>
-              <h4 className="space-x-4">
+              <h4 className="">
                 <strong>{menu_item.name}</strong>
               </h4>
               <p>Description: {menu_item.description}</p>
@@ -51,7 +51,7 @@ const Appetizers = () => {
                   <span>
                     {menu_item.price_large ? (
                       <span>
-                        <strong>Large</strong> - ${menu_item.price_large},{" "}
+                        <strong>Large</strong> - ${menu_item.price_large},
                         <strong>Small</strong> - ${menu_item.price_small}
                       </span>
                     ) : (