diff --git a/Websites/jefes-nextjs/app/menu/Appetizers/appetizers.css b/Websites/jefes-nextjs/app/menu/Appetizers/appetizers.css
new file mode 100644
index 0000000..d1577df
--- /dev/null
+++ b/Websites/jefes-nextjs/app/menu/Appetizers/appetizers.css
@@ -0,0 +1,3 @@
+.gun_menu{
+    --transform-rotate: 270deg;
+}
\ No newline at end of file
diff --git a/Websites/jefes-nextjs/app/menu/Appetizers/page.tsx b/Websites/jefes-nextjs/app/menu/Appetizers/page.tsx
index 0f87f64..84fd224 100644
--- a/Websites/jefes-nextjs/app/menu/Appetizers/page.tsx
+++ b/Websites/jefes-nextjs/app/menu/Appetizers/page.tsx
@@ -1,20 +1,22 @@
 import React from "react";
 import Image from "next/image";
+import './appetizers.css'
 
 const Appetizers = () => {
   return (
-    <div className="flex flex-col">
-      <div className="text-2xl">
-        <h2>Nachos</h2>
-        <div className="decor" aria-hidden="true">
-          <div className="left"></div>
-          <Image
+    <div className="flex flex-col justify-center">
+      <center >Starter Menu</center>
+      <Image
             src="/gun01.svg"
             alt="gun icon for decor"
-            className=""
+            className="items-center m-6 mx-auto gun_menu"
             width="61"
             height="101"
           />
+      <div className="text-2xl">
+        <h2 className="text-center">Nachos</h2>
+        <div className="decor" aria-hidden="true">
+      
           <div className="right"></div>
         </div>
       </div>