menu: enhancements

src/ThemeConstants.ts

@@ -7,7 +7,7 @@ export const colors = {
   darkSpace: "linear-gradient(to right, #0F0525, #2A0B45)",
 };
 
-export const ProGray1 = "#8a8a8a";
+export const ProGray1 = "#434E5C";
 export const ProGreen = "#03B100";
 export const ProGreen2 = "#52c41a";
 export const ProDraft = "#f36c00";

src/pages/menu/components/AddToCartButton/AddToCartButton.tsx

@@ -250,6 +250,7 @@ export function AddToCartButton({ item }: { item: Product }) {
         className={styles.addButton}
         style={{
           color: "#302E3E",
+          backgroundColor: "white",
           width: 28,
           height: 28,
           position: "absolute",

src/pages/menu/components/BackButton.tsx

@@ -23,6 +23,7 @@ export default function BackButton({ navigateBack = true }: BackButtonProps) {
         justifyContent: "center",
         padding: 0,
         borderRadius: "50%",
+        border: "none",
       }}
       icon={
         <div

src/pages/menu/menu.module.css

@@ -510,6 +510,7 @@
   justify-content: center;
   padding: 0px;
   border-radius: 50%;
+  border: none;
 }
 
 .contentWrapper {