diff --git a/src/components/MenuPreview.tsx b/src/components/MenuPreview.tsx
index 0f285e2..280f6f1 100644
--- a/src/components/MenuPreview.tsx
+++ b/src/components/MenuPreview.tsx
@@ -136,7 +136,7 @@ const MenuItemCard = ({ name, desc, tag, type, img }: MenuItemProps) => (
     <div className="relative z-10 flex flex-col gap-1 w-full pl-2">
       {/* Name and Pill Badge */}
       <div className="flex items-start justify-between gap-3 w-full">
-        <h3 className="font-serif text-[12px] sm:text-[13px] font-bold text-[#0a4a2b] tracking-wider uppercase transition-colors duration-300 group-hover:text-[#bc9e65]">
+        <h3 className="font-serif text-[14px] sm:text-[15.5px] font-bold text-[#0a4a2b] tracking-wider uppercase transition-colors duration-300 group-hover:text-[#bc9e65]">
           {name}
         </h3>
         <CategoryPill tag={tag} type={type} />
@@ -247,7 +247,7 @@ export default function MenuPreview() {
       {/* Traditional Temple Borders */}
       <div className="absolute top-0 left-0 w-full h-[6px] bg-gradient-to-r from-gold-dark via-gold-light to-gold-dark opacity-30 z-10" />
 
-      <div className="max-w-6xl mx-auto relative z-10">
+      <div className="max-w-[1300px] mx-auto relative z-10">
         
         {/* Header Elements */}
         <div className="mb-14 flex flex-col items-center text-center">